路由配置

错误一

image.png

解决:

引入 router/index.js 文件时命名为 Router,应该命名为 router

  1. // 错误代码
  2. import Vue from 'vue'
  3. import App from './App.vue'
  4. import Router from './router'; // router
  5. Vue.config.productionTip = false
  6. new Vue({
  7. render: h => h(App),
  8. Router, // router
  9. }).$mount('#app')