本文介绍了在Vue3项目中如何安装和使用vue-router4.x版本,包括介绍index.js中创建路由和main.js中引入并应用路由器的步骤。
摘要由CSDN通过智能技术生成
1、官方文档地址
2、在vue3的版本,只能安装并使用vue-router4.x
npm i vue-router@next -S
3、Vue-router按需导入方法
4、index.js写法
import { createRouter, createWebHashHistory } from "vue-router" const router = createRouter({ history: createWebHashHistory(), routes: [ ] }) export default router
5、main.js写法
import { createApp } from 'vue' import App from './App.vue' import lingyiHeader from '@/components/lingyiHeader.vue' import router from '@/router/index.js' import "@/css/common.css" Vue.component('lingyiHeader', lingyiHeader) const app = createApp(App) app.use(router) app.mount('#app')