关于配置路由的问题

2022/6/13 23:23:44

本文主要是介绍关于配置路由的问题,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

报错:

Cannot read properties of undefined (reading 'use')
//翻译:无法读取未定义的属性(读取“使用”)
//就是use方法未被调用

  就是配置好路由但是路由不加载
router.js配置如下

import Vue from 'vue'
import VueRouter from 'vue-router'
Vue.use(VueRouter)
import Home from './components/HelloWorld.vue'
var router = new VueRouter({ // 创建路由实例对象router
  routes: [
    { path: '/', redirect: '/home' },
    { path: '/home', component: Home, name: 'home' }
  ]
})

export default router     // 暴露路由对象属性

main.js配置如下

import Vue from 'vue'
import App from './App.vue'
import router from './router.js'
Vue.config.productionTip = false
new Vue({
  router,
  render: h => h(App),
}).$mount('#app')



这篇关于关于配置路由的问题的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程