在跟着视频学习用vue配置路由时,在路由文件中使用Vue.use(router)的语句无法正常启动服务,并且浏览器报错,提示‘use’并未定义;看了一下,如下图,vue中没有use()这个方法
经过查找资料后发现,这种加载vue-router的方式是vue2使用的,但我现在用的是vue3(跟着视频创建项目时老师说vue3更新的东西也不会对我们的项目产生什么影响之类的,喜新厌旧的我就直接用了vue3,导致和课程配置不一样了)。因此,我现在需要使用vue3的方式来导入vue-router。
首先,在路由文件里,我们已经不再需要通过下面这三句程序来导入vue-router了,下面这三句话要删掉:
import Router from 'vue-router'
import Vue from 'vue'
Vue.use(Router)
然后如下图,加上红框内的代码:
import {createRouter, createWebHistory} from 'vue-router'
const routerHistory = createWebHistory()
const router = createRouter({
history: r