Vue动画之三： 多元素 、多组件

今天给大家， 介绍一下， 怎样在Vue中实现多元素和多组件的动画。
1、多元素实现的代码
注意： transition-group 标签， 包含多个元素， 使用它，必须对子组件添加key 属性。否则报错。

 
    
        
        

            Good morning, world!
        

        

            Good evening, World!
        


    
     Toggle 
    

2、在组件中实现动画
注： transition 标签
mode 是过渡模式：
in-out ： 先进来， 后出去
out-in ： 先出去， 后进来；
:is , vue中动态进行换组件，:is = "组件名称"

 

    

        

    

     Toggle