vue2和vue3的v-if是一致的吗？

leafnote
18 阅读2分钟

应该是一致的吧!可是，突然被这么一问，也会顿生怀疑，好像哪里确实有点不同。。
让我们对比下vue2和vue3官网关于v-if的特性说明

image.png

image.png 可以明显地看到差异：

  • vue2:适当地被销毁和重建
  • vue3:都会被销毁和重建

语文都不会差的我们，明显地会意识到：vue2的v-if在某些时候并不会销毁和重建
什么？不会销毁和重建。。。
让我们再看看官网的解析

image.png 表单的值竟然在v-if切换后，还保存着。。。
而官网竟然说这是好处！！！，这么好的话，为什么vue3就取消了？？？
本人被这个所谓的好处坑了不止一次。

在此提醒大家，也是提醒自己，vue2使用v-if切换表单相关组件时一定要加key

显然vue3的v-if才是真正地符合if语义的v-if，而不是vue2给了一些 适当地 好处的v-if。

支持一下

本人正在找工作，如在长三角有合适岗位，请联系我

热情地欢迎各位兄弟姐妹的大力支持！
github: github.com/leafio?tab=…
期待至少一个项目能达成1000个star
期待至少一个npm能达成每周1000次下载

avatar
文章
阅读
粉丝