vue v-if 和v-show

1、v-show
(1)不管前提是真假都被编译,然后被缓存,而且DOM元素保存衬着页面构造后,经由历程 “display:none” 掌握元素状况,并且在以后一向存在。当切换v-show模块时,只是简朴的变动css。
(2)v-show不支持tamplate标签

2、v-if
(1)当切换v-if模块时,Vue.js 有一个部分编译/卸载历程,由于 v-if 当中的模板也能够包含数据绑定或子组件。
v-if 是实在的前提衬着,由于它会确保前提块在切换当中适宜地烧毁与重修前提块内的事宜监听器和子组件。
v-if 是惰性的,假如为false,则什么也不错-不编译,不衬着。 当第一次前提为真时,才最先编译。
(2)有时侯我们把一个 <template> 元素当作包装元素,并在上面运用 v-if,终究的衬着效果依据前提的真假显现。

v-if合适运营前提不大能够转变;v-show合适频仍切换。

解说一个运用阅历,写了一个组件弹层,且滑动轮播,依据轮播的内容显现是不是含有切换的小圆点,如许须要new差别的实例,一最先是用的v-show,然则再次翻开数据紊乱了,找了一些要领让数据烧毁,然则都没有处理,末了发明v-if有烧毁DOM的作用,就如许顺遂的处理啦。

    原文作者:泽浩沉
    原文地址: https://segmentfault.com/a/1190000007972986
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞