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')