安装vue-ruter4
时间: 2023-12-30 09:20:31 浏览: 127
安装vue-cli的简易过程
5星 · 资源好评率100%
安装vue-router4可以通过以下步骤实现:
1. 在终端中进入你的Vue项目目录,执行以下命令安装vue-router4:
```
npm install vue-router@4 --save
```
2. 在项目的src目录下创建一个router目录,并在该目录下创建一个index.js文件,用于配置路由:
```javascript
import { createRouter, createWebHistory } from 'vue-router'
import Home from '../views/Home.vue'
const routes = [
{
path: '/',
name: 'Home',
component: Home
},
// 其他路由配置
]
const router = createRouter({
history: createWebHistory(process.env.BASE_URL),
routes
})
export default router
```
3. 在main.js文件中引入router并挂载到Vue实例上:
```javascript
import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
createApp(App).use(router).mount('#app')
```
阅读全文