$NextTick

语法：this.NextTick(function(){})

作用：在下一次DOM更新结束后执行其指定的回调

什么时候用：在改变数据后，要基于更新后的新DOM进行某些操作时，要在NextTick所指定的回调函数中执行

动画效果

1. 使用动画写方法：

• 动画样式必须写，让谁添加过渡动画效果就让他的标签外添加<transition></transition>vue在解析时会讲其脱掉，不会形成真正的元素
• vue跟样式的类名进行对话，不跟动画进行对话
• 让动画出现就有动画可在过渡标签上添加<transition ：appear=true></transition>：appear="true"/appear
• 来样式是v-enter-active{animation:zhang 1s}
• 去样式是v-leave-active{animation:zhang 1s revrese}
• 动画：@keyframes zhang {from{transfrom:translateX(-100%)};to{transfrom:translateX(0px)}}

2. 使用过渡方法

<style>
        /* 进入是起点，离开的终点 */
        .v-enter,.v-leave-to{
            transfrom:translateX(-100%)
        }
        
        /* 整个进入过程中，整个离开过程中 */
       .v-enter-active,.v-leave-active{
         transform: 0.5s linear;
       }这段代码可以直接写在谁变化给谁加过渡的标签样式里
       
        /* 进入的终点，离开是起点 */
        .v-enter-to,.v-leave{
            transfrom:translateX(0)
        }
    </style>

• 多个元素添加过渡，transition只能使用一个元素 ，transition-grope可以使用多个元素并且每一个元素都应有唯一的key值

集成第三方动画

npm里面的animate.css，npm安装，样式里引入import "animate.css"可以直接写路径，将库里的类名放入`name里，接着写enter-active-class="",leave-active-class=""