标签：VUE 区别 dom 生成 虚拟 渲染 show 节点

v-if: 能够控制是否生成虚拟节点，也就间接控制了是否生成对象的dom。当v-if为true时，会生成对应的虚拟节点，并生成对应的dom元素；当其为false时，不会生成对应的vnode，自然不会生成任何dom元素。

v-show: 始终会生成虚拟节点，也就间接导致了始终生成dom。它只是控制dom的display属性。当v-show为true时，不做任何处理；当其为false时，生成dom的display实现为none。

使用 v-if 可以有效的减少树的节点和渲染量，但也会导致树不稳定；而使用v-show可以保持树的稳定，但不能减少树的节点和渲染量。

因此，再实际开发中，显示状态变化频繁的情况下应该使用v-show，以保持树的稳定；显示状态变化少时应该使用v-if,以减少树的节点和渲染量。

标签：VUE,区别,dom,生成,虚拟,渲染,show,节点
来源： https://blog.csdn.net/weixin_46102597/article/details/120938392

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。