Vue3.xrouter安装与引入

目录

一、安装

二、配置

三、其它

一、安装

官方安装教程可进入此处

npm i vue-router&＃64;4

二、配置

1、src 文件夹下新建 router/index.ts

import { createRouter, createWebHashHistory } from &＃39;vue-router&＃39;import About from &＃39;../viewer/About.vue&＃39;
import Home from &＃39;../viewer/Home.vue&＃39;const routes &＃61; [{ path: &＃39;/&＃39;, component: Home },{ path: &＃39;/about&＃39;, component: About },
]const router &＃61; createRouter({history: createWebHashHistory(),routes,
})export default router

2、main.ts 中导入并注册 

import { createApp } from &＃39;vue&＃39;
import App from &＃39;./App.vue&＃39;
import router from &＃39;./router/index&＃39;createApp(App)
.use(router)
.mount(&＃39;#app&＃39;)

3、App.vue 添加 &＃xff0c;且能用 切换

三、其它

如果你想对比 Vue2.x 的router 使用&＃xff0c;可进入此处