vue路由与子路由嵌套的使用（配合源码观看）

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

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

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

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

<router-link class="dongtai" to="/xxx1/xxx2">
             xxxxxxxxx
            </router-link>
            

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

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

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

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

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

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