vue-cli安装项目后关于路由的问题

Question

一般跳转都是采用下面这种方式：     <router-link to="/Home">点我去主页</router-link> 当然App.vue里面有个<router-view></router-view>来存放视图， 这样做没有出现问题，只要配置路由的时候没有出错。 但是有时候我想利用下面这种方式跳转：     <h1 @click="goAbout"></h1> 然后在methods里面写：     goAbout:function(){         router.push('/About')     } 但是却发现报错了，报错说"router"is not defined。这是为什么呢？我明明在main.js里面把router挂载在了根实例"#app"上面 还有望大神们热情解释~

Answer 1

你需要获取到router

如果你在vue实例中，那么你就得这样调用

this.$router.push('/About')

如果你不在vue实例，也就是说当前this的值不是vue实例，那么

你只能import引入你的router模块，然后在调用

import router from './router'
router.push('/About')