vue学习（43）动画与过度

知识点

1. 在插入，更新或移除DOM元素时，在合适的时候给元素添加样式类名。

2. 图示

   
   image.png
3. 写法
   1. 准备好样式
      • 元素进入的样式
        1. v-enter：进入的起点
        2. v-enter-active：进入的过程
        3. v-enter-to：进入的终点
      • 元素离开的样式
        1. v-leave：离开的起点
        2. v-leave-active：离开的过程
        3. v-leave-to：离开的终点
   2. 可以使用transition包裹过度的元素，并配置name值

        <transition name="hello" appear>
            <h1 v-show="isShow">我来了</h1>
        </transition>
      

   3. 若多个元素需要过度，则使用<transition-group></transition-group>包裹，并且指定key值。