transition 组件
实现通过自定义render 函数并且利用了插槽
真正执行动画的时我们写的css 或者是JavaScript 钩子函数， 而 transition 只是帮助我们很好的管理了这些css 的添加、删除， 以及钩子函数的执行时机
transition-group
重绘的目的是让动画如期执行且并不需要增加额外执行时间，代码仍然是同步执行。
比如一个平移的过渡动画，元素原本在 A 点，我要先把它移动到 B 点，然后再通过缓动移动到 A 点。那么代码就先通过 transform 移动到 B 点，然后再写 transform 移动到 A 点，配合 transition 动画，但由于整个过程是同步执行的，如果你不主动触发浏览器的重绘，浏览器就认为最终位置还是 A，那么就不会触发这段动画了。但当我们 transform 到 B 的时候触发重绘，浏览器就知道先把元素绘制到 B 点，然后就可以再通过 transform 缓动回到 A 点。
transition-group 组件是为了做列表的过度，它会渲染成真实的元素
当我们去修改列表的数据的时候，如果时添加或者删除数据，则会触发相应元素本身的过渡动画， 这点和 transition 组件实现效果一样， 除此之外 还实现了 move 的过渡效果， 让我们的列表过渡动画更加丰富
最后更新于
这有帮助吗？