相同点:
- v-if和v-show都是控制元素的显示和隐藏
区别:
- v-if是真正的条件渲染,当条件为true时,元素被渲染,为false时元素被销毁。切换开销比较大
- v-show不管为true还是false,元素都被渲染,是利用css属性display来控制元素的显示和隐藏,当为true时,display的值为block,为false时,dispaly的值为none。初始渲染开销比较大
最佳使用情况:
- 当元素需要频繁切换显隐时,应该使用v-show
- 当元素极少切换显隐时,应该使用v-if
相同点:
区别:
最佳使用情况: