vue2中的组件事件

发表于 2021-08-22 更新于 2022-08-17 分类于前端学习笔记， vue 阅读次数： Changyan：本文字数： 526 阅读时长 ≈ 1 分钟

vue2中的组件事件&v-if 和 v-show的区别与联系

在样式中可以用 ‘~@’定位到src目录
在script中用‘@’可定位到src目录

v-if 和 v-show

面试题：v-if 和 v-show 有什么区别？

v-if能够控制是否生成vnode，也就间接控制了是否生成对应的dom。当v-if为true时，会生成对应的vnode，并生成对应的dom元素；当其为false时，不会生成对应的vnode，自然不会生成任何的dom元素。
v-show始终会生成vnode，也就间接导致了始终生成dom。它只是控制dom的display属性，当v-show为true时，不做任何处理；当其为false时，生成的dom的display属性为none。
使用v-if可以有效的减少树的节点和渲染量，但也会导致树的不稳定；而使用v-show可以保持树的稳定，但不能减少树的节点和渲染量。
因此，在实际开发中，显示状态变化频繁的情况下应该使用v-show，以保持树的稳定；显示状态变化较少时应该使用v-if，以减少树的节点和渲染量。