5-21 vue (if ,动画,循环)

标签：显示   pac   sub   isp   app   通过   设置   技巧   play   

01  .if判断

   在标签内增加 v-if 来判断当前标签是否显示

   例如: <p   v-if=‘布尔变量‘> 测试</p>

           在vue对象描述中对应设置: var vm=new Vue({ data{布尔变量:true }})   //变量设置好后就可以通过其他操作随时修改

02 动画

   所有标签可以加载<transition> </transition>标签来进行vue动画绑定,(这只是方法之一,更多方法查vue手册)

  例子:一个标签淡出隐藏的动画

      body中:   <transition name = ‘动画方案1‘>

                      <p >测试</p>

                   </transition> 

       css中:

5-21 vue (if ,动画,循环)

标签：显示   pac   sub   isp   app   通过   设置   技巧   play   

原文地址：https://www.cnblogs.com/xfym888/p/9070047.html