2024年4月5日发(作者：)

vue路由方法

一、什么是Vue路由

是一个轻量级的前端框架，它提供了一种构建用户界面的方法。

Vue框架中有一个非常重要的功能就是路由，通过路由可以实现前端

页面之间的跳转和传递参数，实现单页应用(SPA)。

二、Vue路由的基本配置

1. 安装Vue-router插件

在使用Vue-router之前，需要先安装它。可以使用npm命令进行安

装：

```

npm install vue-router --save

```

安装完成后，在项目中引入vue-router：

```javascript

import VueRouter from 'vue-router'

```

2. 创建router实例

在项目中创建一个router实例，并将其传递给Vue实例，这样就可以

在组件中使用路由了。

```javascript

const router = new VueRouter({

routes: [

// 配置路由映射关系

]

})

new Vue({

router,

render: h => h(App)

}).$mount('#app')

```

3. 配置路由映射关系