2020-08-17 路由children的问题

1. 路由children的问题
   其实官网讲的挺详细的https://router.vuejs.org/zh/guide/essentials/nested-routes.html

再把今天的实验具体下这个路由的属性

就是比如说你要写一个项目，然后有那种左右结构的，左边就是一直固定不动的导航栏，通过左边的路由点击跳转到不同的页面，显示在右边，然后这个children就是左边导航栏的一级目录下的二级目录，例如一个家具网站，卧室这个一级目录下的床、梳妆台、衣柜之类的就可以用children写成二级目录，这样就会有层级效果

意思就是路由路径有配置children的，那么跳转这个路由的router-view只会显示在这个父路由上面，但是不影响平时的路由渲染比如
路由index.js

path: '/list1',
    component: List1,
    children: [{
      path: 'list1son',
      component: List1Son
}]

      <router-link to="/list1/list1son" tag="div" :class="['left-item',currentIndex == 0?'active':'']">{{list[0]}}</router-link>

list1.vue里

<div class="list1">
    我是list1...
    <router-view></router-view>
    <List1Son />//这两个效果是一样的
  </div>

1. 选中文本后,Ctrl + [ 和 Ctrl + ] 可实现文本的向左移动 和 向右移动