4.16-4.18 transition-group动画（卡片排序），忍让，谦逊，前进。

1、vue slot 小述
slot是vue自带的插槽，允许用户在该组件中嵌套外部的div内容。
默认用法
①、 <slot/>
②、—<slot name=“btn”>
------------<div> xxxx</div>
--------</slot>
外部div可以通过slot属性来获取插槽，并覆盖插槽内容。
<div slot=“btn”></div>，

2、flex布局中的align-content，它是针对flex容器里面多轴(多行)的情况,的排列方向。而align-items是针对一行的情况进行排列

3、关于 vue的router跳转问题。
1.this.$router.go(val) => 在历史记录中前进或者后退val步，若val为0刷新当前页面。
2.this.$router.push(path) => 在历史记录history栈中添加一条新的记录。

4、vuex的state的值改变触发方式。
a、mutation方法派发修改
b、不直接修改的引用，而是修改其中的元素。（没有问题）

报错。

正常执行

5、transition-group实现的动画（思路）
思路就是transition-group下的含有v-if的且有active样式的标签的dislplay属性变化

需注意的是第一级子元素必须绑定唯一的key值，且在动画结束之前不能改变。不然动画会失效。

注：学习阶段我的博客，都是总结，基于思考的概述，遇到过相同问题的人，自然会看的明白。只负责提醒，不负责传教，长篇大论的那种。）

6、提醒自己回顾ShelfGroupDialog.vue组件。以及ShelfTitle.vue组件
2019年4月18日08:34:51 收到！开工！

7、回调函数的巧用

如果this.moveOutOfGroup为异步，而又想同步执行this.onComplete那么必须采用回调。