vue3中使用router
时间: 2023-11-19 14:51:57 浏览: 39
在Vue3中使用router,需要先安装vue-router,并在main.js中引入和使用。具体步骤如下:
1. 安装vue-router
```
npm install vue-router@4.0.0-beta.13
```
2. 在main.js中引入和使用
```javascript
import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
const app = createApp(App)
app.use(router)
app.mount('#app')
```
3. 在router.js中配置路由
```javascript
import { createRouter, createWebHistory } from 'vue-router'
import Home from './views/Home.vue'
import About from './views/About.vue'
const routes = [
{
path: '/',
name: 'Home',
component: Home
},
{
path: '/about',
name: 'About',
component: About
}
]
const router = createRouter({
history: createWebHistory(),
routes
})
export default router
```