我使用vue初始化命令项目没有生成路由文件
时间: 2023-12-10 12:05:41 浏览: 33
您可以使用以下命令在已有的Vue项目中添加路由文件:
1. 首先,您需要安装 Vue Router。使用以下命令:
```
npm install vue-router --save
```
2. 在 src 目录下创建一个名为 router 的文件夹,在该文件夹内新建一个名为 index.js 的文件。
3. 在 index.js 文件中编写路由代码,例如:
```js
import Vue from 'vue';
import Router from 'vue-router';
import Home from '@/components/Home';
import About from '@/components/About';
Vue.use(Router);
export default new Router({
routes: [
{
path: '/',
name: 'home',
component: Home,
},
{
path: '/about',
name: 'about',
component: About,
},
],
});
```
4. 在 main.js 文件中引入路由文件并将其挂载到 Vue 实例上,例如:
```js
import Vue from 'vue';
import App from './App.vue';
import router from './router';
new Vue({
router,
render: (h) => h(App),
}).$mount('#app');
```
5. 在组件中使用路由,例如:
```html
<template>
<div>
<router-link to="/">Home</router-link>
<router-link to="/about">About</router-link>
<router-view></router-view>
</div>
</template>
```
这样就可以在已有的 Vue 项目中添加路由文件了。