vue.js - 使用带有 weex 的 vue 路由器

Question

我似乎无法让 vue 路由器与 Weex 一起使用。似乎也没有很多教程或好的例子。

我已经使用了安装了 vue 路由器的 Weex 的预打包设置，但它似乎不起作用。

<template>
  <div class="wrapper">
    <h2>Hello</h2>
    <text @click="jump">Categories</text>
    <Home/>
  </div>
</template>

<script>
import Home from '@/components/Home'
import router from '@/router.js'

export default {
  name: 'App',
  components: {
    Home
  },
  data () {
    return {
      logo: 'https://gw.alicdn.com/tfs/TB1yopEdgoQMeJjy1XaXXcSsFXa-640-302.png'
    }
  },
  methods: {
    jump () {
      router.push('/categories')
      alert('categories')
    }
  }
}
</script>

这是 router.js 文件

/* global Vue 
rounter.js
*/
import Router from 'vue-router'
import Home from '@/components/Home'
import Categories from '@/components/Categories'


Vue.use(Router)

module.exports = new Router({
  // mode: 'abstract',
  routes: [
    {
      path: '/',
      name: 'Home',
      component: Home
    },
    {
      path: '/categories',
      component: Categories,
      meta: {
        title: 'Categories'
      }
    }
  ]
})

Answer 1

在 Weex 上，您需要：

1. 保持为mode: abstract
2. 手动转到一条路线，例如router.push('/')在您的入口文件中