通过v-if展示一个DOM是否显示

 

     
        
              
      
       Hello World
      
    
     
    

 

 

 

改为false就不会显示了

 

可以使用else的。

     
      Hello World
     
     
      Hello You
     

 

 

改变ok的值为false,注意这个false是没有''引号的，带引号的是字符串，没效果的

 

 

因为v-if只能改变自己的DOM，如果想改变好几个标签要怎么办？

可以使用template

 

     
      Hello World
     
        
     

 

v-else 要紧跟在v-if ，v-else-if后面！

 

 

 

一句话，加上key值，key值不同，就会当作不同的元素，重新渲染。

label没有key，所以label是复用的，只是改了innerHtml而已。

 

自己写一下完整代码

1、判断的时候，是使用全等哦！ ===

2、v-if后面跟的是表达式。v-if要用true和false

     
        
              
              
              
              
      
        
      切换            
     
    

 

 

 

 

相比之下，v-show就菜了一些

 

 

因为v-if，每次都要切换都要被创建和销毁！