vue组件无法得到这个。$ router来自vue-router

时间:2017-01-06 09:11:09

标签: vue.js vue-router

Vue组件无法得到这个。$ router,但是在App组件中得到这个。$ route,可能是什么错误?

import Vue from 'vue'
import VueRouter from 'vue-router'
import App from './App.vue'
import store from './store'

import FeedView from './views/FeedView.vue'
import LoginView from './views/LoginView.vue'

Vue.use(VueRouter)
Vue.config.devtools = true

const router = new VueRouter({
  mode: 'history',
  base: __dirname,
  routes: [
    { path: '/', component: FeedView },
    { path: '/login', component: LoginView },
  ]
})

new Vue({
  router,
  store,
  el: '#app',
  render: h => h(App)
})

capture image of vue-devtools

1 个答案:

答案 0 :(得分:2)

在vue-router docs https://router.vuejs.org/en/api/route-object.html

中清楚地解释了这一点
  

路径对象可以在多个地方找到:   内部组件就像这样。$ route   内部$ route观察者回调   作为调用router.match(location)的返回值

如果您想使用例如myWarn = warning('error','MATLAB:singularMatrix'); % turn singular matrix warning to error try u = mrdivide(B,C); catch u = B*pinv(C); end warning(myWarn); % return to warning ,根据您的代码,您绝对应该能够使用router.push()