Day21 样式变化(动画)5

列表移动过渡(List move transition)
不仅可以做出淡出与淡入,还可以改变位置,只要将v-move class加入,它会在更改位置时触发
它的前缀词提供name属性的值,可以自行指定具有move-class属性的

可重复利用的过渡转换(Reusable Transition)
可以透过把或包在template里面,就可以将它撰写为元件

动态过渡
动态转换的范例会将name属性绑定到动态属性,其实任何属性都可以被动态绑定,以下就用v-bind绑定name,当使用CSS与动画之间转换就会派上用场


当按下按钮後,其的name就会改变,因此就可以套上范例所套用的function中, 这样就可将淡出跟淡入的调整套用在”你好”上面
最後,创建动态过渡就是以元件的方式来套用在我们想要的地方

参考资料 : https://vuejs.org/v2/guide/transitions.html#Transition-Modes