- 路由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>
- 选中文本后,Ctrl + [ 和 Ctrl + ] 可实现文本的向左移动 和 向右移动