关于weex中使用 vue-router的问题

Question

首先目录结构是这样的

index.vue是根模板。里面只做渲染路由。

<template>
  <div class="wrapper">
    <router-view/>
  </div>
</template>

我在helloworld.vue中 按照weex的要求引入 router.js 并按照weex的方式进行路由跳转

<template>
  <div class="wrapper">
    <text @click="jump">Go To A</text>
    <image :src="logo" class="logo" />
    <text class="greeting">The environment is ready!????</text>
    <text class="message">Now, let's use Vue.js to build your Weex app.</text>
  </div>
</template>

<script>
import router from '@/router.js'
export default {
  name: 'App',
  data () {
    return {
      logo: 'https://gw.alicdn.com/tfs/TB1yopEdgoQMeJjy1XaXXcSsFXa-640-302.png'
    }
  },
  methods: {
    jump () {
      router.push('a')
    }
  }
}
</script>

router.js

import Router from 'vue-router'
import HelloWorld from '@/components/HelloWorld'
import A from '@/components/a'

Vue.use(Router)

module.exports = new Router({
  routes: [
    {
      path: '/',
      name: 'HelloWorld',
      component: HelloWorld
    },
    {
      path: '/a',
      name: 'a',
      component: A
    }
  ]
})

不知道为什么我一点 Go To A 就报错如下

 _router2.default.push is not a function

这是什么原因？求解答谢谢了。

Answer 1

methods: {
  jump () {
    // router.push('a')
    this.$router.push('a')
  }
}