vue-cli嵌套路由

标签：com   相关   png   相同   分享图片   alt   pat   vue   bubuko   

很多人在路由嵌套这个部分就很是搞不清楚，下面我讲一下在vue-cli中路由的嵌套。

我们在这个文件夹中定义路由规则

index.js 详情

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

第二步：实例化路由并且export default导出

第三部：创建路由规则

　　父路由的路径：/就是项目一启动就调用父路由

　　定义了 路由的path ,component

第四部定义子路由：

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

　　数组中是成员对象，每一个对象代表一个子路由

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

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

vue-cli嵌套路由

标签：com   相关   png   相同   分享图片   alt   pat   vue   bubuko   

原文地址：https://www.cnblogs.com/lm-it/p/9112605.html