2016 - 2024

感恩一路有你

如何配置Vue路由跳转

浏览量:4232 时间:2024-01-13 16:37:10 作者:采采

第一步:安装Vue路由

在Vue项目文件夹中,打开终端并输入以下命令来安装Vue路由:

```

npm install vue-router

```

第二步:修改router文件夹下的index.js

打开`index.js`文件,将以下代码添加到文件顶部:

```javascript

import Vue from 'vue';

import Router from 'vue-router';

import Home from '@/components/Home';

import Detail from '@/components/Detail';

(Router);

export default new Router({

routes: [

{

path: '/',

name: 'Home',

component: Home

},

{

path: '/detail',

name: 'Detail',

component: Detail

}

]

})

```

第三步:在需要使用路由的组件中引入

在需要使用路由的位置,将以下代码放置在`