使用vue router 的过程中报错Error in render: "TypeError: Cannot read property 'matched' of undefined"

最近在使用vue router的过程中遇到了一个"TypeError: Cannot read property ‘matched’ of undefined" 这样的错误,也是找了很久,其实这是因为创建的router实例是有命名规范的

import Vue from 'vue'
import App from './App.vue'
import rou from "./router/index"

Vue.config.productionTip = false

new Vue({
  rou,
  render: h => h(App),
}).$mount('#app')

将rou改为router,注意必须是router

用 Vue.js + Vue Router 创建单页应用,是非常简单的。使用 Vue.js ,我们已经可以通过组合组件来组成应用程序,当你要把 Vue Router 添加进来,我们需要做的是,将组件 (components) 映射到路由 (routes),然后告诉 Vue Router 在哪里渲染它们。

通过注入路由器,我们可以在任何组件内通过 this. r o u t e r 访 t h i s . router 访问路由器,也可以通过 this. route 访问当前路由:

import Vue from 'vue'
import App from './App.vue'
import router from "./router/index"

Vue.config.productionTip = false

new Vue({
  router,
  render: h => h(App),
}).$mount('#app')
发布了25 篇原创文章 · 获赞 2 · 访问量 3316

猜你喜欢

转载自blog.csdn.net/sinat_24918465/article/details/103144637
今日推荐