android - Sélection de solutions de saut de page Weex

Question

Je vais utiliser Weex pour réaliser un nouveau projet mobile, mais j'ai quelques doutes sur les sauts de page. Plusieurs options sont disponibles :

• Android n'a qu'une seule activité et la logique de saut de page est implémentée via vue-router.

• Chaque page est une activité, et chaque activité charge son propre module de transmission bundle.js 文件，数据通过 storage.

• Le saut de page s'effectue via le module de navigation.

Pour le premier, j'ai l'impression qu'après avoir utilisé vue-router, l'interface est très rigide et l'effet n'est pas bon.
Le deuxième n'est que ma propre imagination, je pense que l'interaction sera meilleure.
Le troisième type, je ne peux pas l'utiliser directement, 囧... Il semble que le fichier js packagé doit être distant, n'est-ce pas ?

Je me demande s'il existe une bonne solution pour utiliser weex afin de réaliser des sauts de page avec élégance ? Qu'est-ce que tout le monde utilise pour accéder aux pages Weex ?

Answer 1

J'utilise le troisième : var params = {'url':nextUrl,'animated':'true'} Remplacez simplement nextUrl par l'adresse de votre autre fichier js. Vous n'avez pas besoin d'une adresse distante, juste d'une adresse locale. .

<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

Vous pouvez vous y référer
http://www.jianshu.com/p/497f...