【Vue3 从入门到实战 进阶式掌握完整知识体系】006-Vue语法基础:条件渲染

6、条件渲染

v-if基本使用





  
  
  
  hello vue
  
  



  

show 为 true的时候

image-20210612195130251.png

show 为 false 的时候

image-20210612195336843.png

使用场景

v-if:用在不经常调整显示状态的标签上;

v-show:用来经常调整显示状态的标签上;

使用v-else





  
  
  
  hello vue
  
  



  

运行结果

image-20210612195830866.png

使用v-else-if





  
  
  
  hello vue
  
  



  

运行结果

image-20210612200220753.png

你可能感兴趣的:(【Vue3 从入门到实战 进阶式掌握完整知识体系】006-Vue语法基础:条件渲染)