对vue2.0的vfor和vif冲突问题一些见解

之前看过有一种关于v-for和v-if之所以产生冲突的解释&＃xff0c;我觉得是比较合理的说法&＃xff0c;这里记录一下。vue2里&＃xff0c;同一个标签内v-for的执行优先级比v-if高&＃xff0c;也就是说先执行循环渲染生成了这些dom元素&＃xff0c;然后此时再去执行v-if的判断条件想定义dom的渲染&＃xff0c;在这里冲突就出现了&＃xff0c;dom已经生成&＃xff0c;再想去销毁&＃xff0c;那dom元素人家就不乐意了&＃xff0c;不让你v-if说了算&＃xff0c;不能你说出现就出现&＃xff0c;你说消失就消失&＃xff0c;于是视图渲染不更新&＃xff0c;产生了报错。vue3底层将v-if和v-for的执行优先级与vue2反其道行之&＃xff0c;先执行渲染判断再执行循环&＃xff0c;所以解决了这个问题。


如果原来vue2有需求是希望for循环和判断并存的话&＃xff0c;我的建议是在属性v-for的那个标签里面再套一层标签&＃xff0c;里面那个子标签加上v-if做判断就好了。

个人拙见&＃xff0c;欢迎指出不足。