android - Pemilihan penyelesaian lompat halaman Weex

Question

Saya akan menggunakan Weex untuk melakukan projek mudah alih baharu, tetapi saya mempunyai keraguan tentang lonjakan halaman. Terdapat beberapa pilihan yang tersedia:

• Android hanya mempunyai satu Aktiviti, dan logik lompat halaman dilaksanakan melalui vue-router.

• Setiap halaman ialah Aktiviti, dan setiap Aktiviti memuatkan bundle.js 文件，数据通过 storage penghantaran modulnya sendiri.

• Lompatan halaman dicapai melalui modul navigator.

Untuk yang pertama, saya rasa selepas menggunakan vue-router, antaramuka sangat kaku dan kesannya tidak bagus.
Yang kedua hanyalah imaginasi saya sendiri, saya rasa interaksi akan menjadi lebih baik.
Jenis ketiga, saya tidak boleh menggunakannya secara langsung, 囧... Nampaknya fail js yang dibungkus mesti jauh, bukan?

Saya tertanya-tanya adakah terdapat penyelesaian yang baik untuk menggunakan weex untuk mencapai lompatan halaman dengan elegan? Apakah yang digunakan oleh semua orang untuk melompat ke halaman Weex?

Answer 1

Saya menggunakan yang ketiga: var params = {'url':nextUrl,'animated':'true'} Gantikan nextUrl dengan alamat fail js anda yang lain. Anda tidak memerlukan alamat jauh, hanya alamat setempat .

<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

Boleh rujuk
http://www.jianshu.com/p/497f...