vue配置路由时,在路由文件中使用Vue.use(router)的语句无法正常启动服务,并且浏览器报错,提示‘use’并未定义;vue中没有use()这个方法
加载vue-router是vue2使用的,但我们现在用的是vue3,因此,我现在需要使用vue3的方式来导入vue-router
如图所示:
import {createRouter, createWebHistory} from 'vue-router'const routerHistory = createWebHistory()const router = createRouter({history: routerHistory,/** 在这里和vue2一样写路由配置*/}
再然后,需要在main.js里作路由导入:
import {createApp} from 'vue'import router from './router'import App from './App.vue'const app = createApp(App)app.use(router)app.mount('#app')
到了这一步其实vue3关于vue-router的导入已经完成了,可运行项目仍然报错,提示下图中的createWebHistory不是一个function;查看了vue-router源文件后发现并没有我们所需要导入的两个方法.这个时候可以考虑一下是不是vue-router的版本不对,查看package.json文件后发现,我所安装的vue-router版本是3.5.1;但根据我找到的资料来看,需要4.0以上的版本才能适配,所以要通过下面的命令安装v4的vue-router
npm install vue-router@4
最后来一波参考链接