vue——条件渲染指令

条件渲染指令是用来辅助开发者控制DOM的显示与隐藏。条件渲染指令有如下两个,分别是:

  1. v-show
  2. v-if 

v-show和v-if的区别:

v-show是通过动态的为元素添加或移除display:none来进行显示与隐藏。如果需要频繁切换元素的显示状态,用v-show性能会更好。

v-if是通过动态的创建或移除元素来实现元素的显示和隐藏。如果不需要频繁切换元素的显示状态,用v-if性能会更好。

v-if配套的指令:

  • v-else-if  
  • v-else

 

posted @ 2021-10-04 15:00  codejing  阅读(737)  评论(0)    收藏  举报