使用 vue3引入路由时会报错,这样改就可以了:
我原来写的是import VueRouter from 'vue-router'
现在vue3要这么写 import * as VueRouter from 'vue-router'
改完之后再运行就不报错了
vue3最好这样配置router文件
// 以前vue2是
// import Router from 'vue-router'
// 引入 createRouter 替换new Vue
import {createRouter,createWebHashHistory} from "vue-router"
import Home from "../views/Home.vue" //引入路由组件
const router = createRouter({ //createRouter vue2中是 new Vue
history : createWebHashHistory(), //createWebHashHistory ,v3文档 API里有 ,将模式修改 ,Vue2中是mode :history
routes: [{ //配置路由规则
name: 'home',
path: '/', //默认路径
component: Home
},
{
name: 'about',
path: '/About',
component: ()=> import('../views/About.vue') //动态路由的写法
}
]
})
export default router