vue3引入router
在Vue 3中引入Vue Router可以通過以下步驟完成：
一崭别、安裝Vue Router：
npm install vue-router@4
二季希、在你的Vue 3項目中創(chuàng)建一個router.js文件，并設(shè)置Vue Router：
// router.js
import { createRouter, createWebHistory } from 'vue-router';
// 引入Vue組件
import HomePage from './components/HomePage.vue';
import AboutPage from './components/AboutPage.vue';
// 定義路由
const routes = [
? { path: '/', component: HomePage },
? { path: '/about', component: AboutPage },
];
// 創(chuàng)建router實例
const router = createRouter({
? history: createWebHistory(),
? routes,
});
export default router;
在?main.js中引入并使用router實例：
import { createApp } from 'vue'
import App from './App.vue'
import router from './router';//引入路由組件
const app = createApp(App)
app.use(router);
app.mount('#app')
