Vue路由嵌套

一、路由配置

vue路由配置首先需要安装vue-router，然后添加一个js文件对路由进行管理，在main.js中对路由文件进行引用

1.安装vue-router

npm install vue-router

2.路由管理文件

3.main中引用路由管理文件

import router from './router

new Vue({

  router,

  store,

  render: h => h(App)

}).$mount('#app')

4.使用路由跳转页面

this.$router.push({name:"dashboard"})//name路由名称 可以增加param属性传动参数 也可以使用path路径进行传参

<router-link to="/path路径">点击跳转</router-link>//router-link传参

 

 二、路由嵌套

使用children属性定义子路由，children值是一个数组，可以定义多个子路由

1.子路由定义