代码跳转路由报错_vue路由与子路由嵌套如何使用（配合源码观看）？

要想加新的点击页面并且绑定路由需要以下步骤
1.在router.js里加入新路由，普通路由需要在path中加‘/’如下图。

2.在views里创建新的文件夹，文件夹里的vue文件名字为index.vue时可在路由中省略vue文件的文件名 （views里放的是Head里的大路由文件，一会的components里放的是子路由们的文件）

3.还要再router.js中引入此文件，如下图

4.在views里的文件里写这个组件的内容即可，记得写

来实现在路由中跳转子路由，xxx1是父路由的名字，xxx2是子路由的名字，没写对就跳转不过去。

再写<router-view></router-view>来渲染子路由。
5.写好后在router.js中的父路由下写子路由的路径，如下图。

6.写好后在上面import引用它，暂时报错也没事，先写上，因为还没在components里面创建他们。

7.在components里创建子路由的组件，名字要和前边定义的一样。这时开始写子路由的内容就行了，因为之前在views里的父路由里已经<router-view></router-view>过所以子路由自动渲染在了父路由里。

等过两天全写完了再往GitHub上传代码，然后我会把链接放在评论区。

对了，记得在主路由标题上写跳转代码

————————————————

版权声明：本文为CSDN博主「做个前端工程师吧」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。

原文链接：

vue路由与子路由嵌套的使用（配合源码观看）_qq_44497296的博客-CSDN博客​blog.csdn.net