Vue过渡和动画-多个元素过渡

transition组件在同一时间内容只能有一个元素显示，当有多个元素时，需要使用v-if、v-else或者v-else-if来区别显示条件，并且元素需要绑定不同的key值，否则Vue会复用元素，无法产生动画效果

1.不同标签名元素的过渡

不相同标签名元素可以使用v-if和v-else来进行过渡，但相同标签名元素不可用，因为Vue为了效率只会替换相同标签中的内容，除非设置key值

2.相同标签名元素的过渡

当有相同标签名的元素切换时，需要通过key特性设置唯一值来标记，从而让Vue区分它们。