动画的简单使用

<style>
        .mi-enter-active, .mi-leave-active{
            transition:opacity 1s,transform 1s;     
        }
        .mi-enter, .mi-leave-to{
            opacity: 0;
            transform:translate(50px,20px);
        }
        .mi-enter-to, .mi-leave{
            opacity: 1;
        }
        #test{
            transform:translate(250px,560px);
        }
</style>

 

 

<transition name="mi">
      <p v-show="pIsShow">1231阿斯顿</p>
</transition>