android - Auswahl der Weex-Seitensprunglösung

Question

Ich werde Weex verwenden, um ein neues mobiles Projekt zu machen, aber ich habe einige Zweifel bezüglich Seitensprüngen. Es stehen mehrere Optionen zur Verfügung:

• Android hat nur eine Aktivität und die Seitensprunglogik wird über vue-router implementiert.

• Jede Seite ist eine Aktivität und jede Aktivität lädt ihre eigene bundle.js 文件，数据通过 storage Modulübertragung.

• Der Seitensprung wird durch das Navigatormodul erreicht.

Beim ersten habe ich das Gefühl, dass die Schnittstelle nach der Verwendung vue-router sehr steif ist und die Wirkung nicht gut ist.
Das zweite ist nur meine eigene Fantasie, ich denke, die Interaktion wird besser sein.
Den dritten Typ kann ich nicht direkt verwenden, 囧... Es scheint, dass die gepackte js-Datei remote sein muss, oder?

Ich frage mich, ob es eine gute Lösung für die Verwendung von Weex gibt, um Seitensprünge elegant zu erreichen? Was verwenden alle, um zu Weex-Seiten zu springen?

Answer 1

我用的是第三种：var params = {'url':nextUrl,'animated':'true'} 把nextUrl替换成你另外个js文件的地址就行了，不用远程，直接本地地址可以。

<template>
  <p class="p">
    <text class="text" onclick="onItemClick">click me! {{message}}</text>
  </p>
</template>
<script>
  var navigator = require('@weex-module/navigator')
  var nextUrl = 'http://dotwe.org/raw/dist/6cd1703a45d7b2752cf05303069ce881.js'
  module.exports ={
    data:{
      message:''
    },
    methods:{
      onItemClick:function(e){
        var params = {'url':nextUrl,'animated':'true'}
        navigator.push(params, function(e) {
          console.log('i am the callback.')
        });
      }
    }
  }
</script>
<style>
  .p {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 750;
    height: 90;
    padding-left:30;
    padding-right:30;
    border-bottom-width: 1;
    border-style: solid;
    border-color: #dddddd;
  }
  .text{
    width: 750;
    height: 90;
  }
</style>

Answer 2

你可以参考下
http://www.jianshu.com/p/497f...