多语言展示
当前在线:1755今日阅读:190今日分享:11

vue 如何配置子路由

在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来访问。

推荐信息