v-if和v-show的区别,什么时候用,v-if使用

vue2和vue3区别面试题 2023-10-18 18:04 296 墨鱼

vue2和vue3区别面试题

v-if和v-show的区别,什么时候用,v-if使用

不同点：v-if只有在判断为true的时候才会对数据进行渲染，false的时候把包含的代码进行删除。除非再次进行数据渲染，v-if才会重新判断。可以说是用法比较倾向于v-show指令与v-if指令到底有那些区别？最主要的区别其实在于渲染，用v-show无论绑定的值为true或者false都会渲染dom。如下图在guiplan开发工具中将副标题的显示条件(v-show指令)设

⊙ω⊙ 区别1、v-if 在条件切换时，会对标签进行适当的创建和销毁，而v-show 则仅在初始化时加载一次，因此v-if 的开销相对来说会比v-show 大。2、v-if 是惰性的，只有当条件为真时1.共同点都是动态显示DOM元素2.区别(1)手段：v-if是动态的向DOM树内添加或者删除DOM元素；v-show是通过设置DOM元素的display样式属性控制显隐；(2)编译过程：

1.v-if是动态的向DOM树内添加或者删除DOM元素；2.v-show是通过设置DOM元素的display样式属性控制显隐；编译过程：v-if切换有一个局部编译/卸载的作用：当用v-show来隐藏元素时，只会在初次加载时渲染此dom节点，之后都是通用display来控制显隐，如果此时使用v-if,那会频繁的操作dom,会极大的影响性能，但用display则不会

v-if 相比v-show 开销更大的(直接操作dom节点增加与删除) 如果需要非常频繁地切换，则使用v-show 较如果在运行时条件很少改变，则使用v-if 较好vue中显隐方法常用两种，v-show和v编译的区别v-show其实就是在控制css v-if切换有一个局部编译/卸载的过程，切换过程中合适地销毁和重建内部的事件监听和子组件编译的条件v-show都会编译，初始值为false，只是将d

后台-插件-广告管理-内容页尾部广告（手机）

标签： v-if使用