在vue开发过程中,通常会用到vue-router进行页面的路由配置,有些比较复杂的场景我们需要配置子路由,本文描述了这一配置过程。
工具/原料
idea
方法/步骤
1
首先我们在vue的router里面的index.js配置父模板(父页面)信息,通常父模板也是一个vue文件。
3
在vue的router里面的index.js增加子对象(子页面)信息,需要给父对象增加children属性,里面包含基本信息如path,name等信息
4
对应每个子对象信息,在index.js中通过import命令引入相应的页面即可。
5
在父页面的模板页面中,可以通过router-link标签跳转到相应的路由页面。
6
一般父页面有一个访问path,子对象也有一个path,在访问子对象时一般通过父页面path/子对象path来访问。
上一篇:vue 动态缓存某个路由
下一篇:vue安装不上怎么办