vue进阶

一，过渡效果

1，对过渡的理解，在vue中定义了过渡组件<transition></transition>，vue自动检测组件中的过渡效果

2，过渡方式：css-transition    css-animition    javascript方法  

                           过渡的状态：v-enter   v-enter-active  v-leave  v-leave-active

      <1>css-transition方式

                   HTML+Js部分

           

            css部分：

           

       <2>css-animition方式

              html+js部分，此方式的这一部分与css-transidtion部分很相似，只是transition标签的 name='XXX'改变（本例子为bounce）

              css部分

                  

        <3>JavaScript方式