最近在使用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. 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')