vue-cli嵌套路由

不少人在路由嵌套这个部分就非常搞不清楚,下面我讲一下在vue-cli中路由的嵌套。vue

咱们在这个文件夹中定义路由规则vue-router

index.js 详情vue-cli

第一步:引入 vue-router,引入相关组件。数组

第二步:实例化路由而且export default导出component

第三部:建立路由规则router

  父路由的路径:/就是项目一启动就调用父路由 对象

  定义了 路由的path ,componentblog

第四部定义子路由:路由

  子路由放在父路由的children这个数组中cli

  数组中是成员对象,每个对象表明一个子路由

  子路由的建立规则与父路由相同,path,component

  这里注意一下,子路由的path :不能加/

相关文章
相关标签/搜索