提示:记录工作中遇到的需求及解决办法
文章目录
- 前言
- 重新认识两者优先级~
- Vue2
- Vue3
- 总结
前言
当我们提到 Vue 的面试题时,不免总会提到一个问题:v-for 和 v-if 可以共存吗?
提到这个问题,很多人肯定会脱口而出:
- Vue2 中 不可以
- Vue3 中 可以
再往深问,可能少部分人会回答出:
- Vue2 中 v-for 优先级比 v-if 高
- Vue3 中 v-if 优先级比 v-for 高
但是其实很多人都是背的,具体为啥会这样,很多人都没搞清楚,稍微再往深一问,95%的人就回答不出来了~
提示:以下是本篇文章正文内容,下面案例可供参考
重新认识两者优先级~
我带大家来重新认识这两者的优先级吧,我会分成 Vue2 和 Vue3 的版本来讲
Vue2
我就拿一个最简单的代码来说,我把 v-for 和 v-if 共存与一个标签上,Vue2 中肯定会警告我们,不建议这么做,但是为啥不建议,根本没几个人知道~
想要获取答案,可以打开这个网站: