基于上一篇例子，实现一个三级页面跳转
嵌套路由：children:[{},{}]
创建A1.vue,然后还是回到router目录下index.js设置路由；分两个步骤，第一步引入组件
第二步注册
挂载路由
如果不挂载路由，A页面点击转向A1效果，其实没有任何反应；挂载之后，点击转向链接，页面效果会把A1组件内容显示出来，但是A组件的内容不会隐藏掉；这里转向A1，并不是像超链接之间的跳转页面，有点像平时访问网站，看子页面内容时，它的父页面内容并没有消失，比如看论坛的帖子，只是帖子内容在切换，但是它页面的模版并没有变化
<router-view>要在每个组件的父页面进行挂载，否则页面的路由转向可能会出问题，可以理解为识别不到
总结：
通过这种子路由的方式，打开子路由的时候，它会连同父路由的内容一起显示出来
如果想做成超链接的效果，只需要把children删掉，变成平级转向
删除children之后，变成平级转向
"#"号是一个特殊字符，在很多场合不被使用，所以在index.js文件添加mode:'history'，开启history模式可以避免地址栏的"#"
