vue——条件渲染指令
条件渲染指令是用来辅助开发者控制DOM的显示与隐藏。条件渲染指令有如下两个,分别是:
- v-show
- v-if
v-show和v-if的区别:
v-show是通过动态的为元素添加或移除display:none来进行显示与隐藏。如果需要频繁切换元素的显示状态,用v-show性能会更好。
v-if是通过动态的创建或移除元素来实现元素的显示和隐藏。如果不需要频繁切换元素的显示状态,用v-if性能会更好。
v-if配套的指令:
- v-else-if
- v-else
条件渲染指令是用来辅助开发者控制DOM的显示与隐藏。条件渲染指令有如下两个,分别是:
v-show和v-if的区别:
v-show是通过动态的为元素添加或移除display:none来进行显示与隐藏。如果需要频繁切换元素的显示状态,用v-show性能会更好。
v-if是通过动态的创建或移除元素来实现元素的显示和隐藏。如果不需要频繁切换元素的显示状态,用v-if性能会更好。
v-if配套的指令: