首页 > 其他分享 >面试 v-if 和 v-show的区别

面试 v-if 和 v-show的区别

时间:2023-05-05 15:35:05浏览次数:51  
标签:区别 渲染 面试 vs 切换 条件 show 区块

v-if vs. v-show

v-if 是“真实的”按条件渲染,因为它确保了在切换时,条件区块内的事件监听器和子组件都会被销毁与重建。

v-if 也是惰性的:如果在初次渲染时条件值为 false,则不会做任何事。条件区块只有当条件首次变为 true 时才被渲染。

相比之下,v-show 简单许多,元素无论初始条件如何,始终会被渲染,只有 CSS display 属性会被切换。

总的来说,v-if 有更高的切换开销,而 v-show 有更高的初始渲染开销。因此,如果需要频繁切换,则使用 v-show 较好;如果在运行时绑定条件很少改变,则 v-if 会更合适。

参考地址:https://cn.vuejs.org/guide/essentials/conditional.html#v-if-vs-v-show

标签:区别,渲染,面试,vs,切换,条件,show,区块
From: https://www.cnblogs.com/ITjyLh/p/17374261.html

相关文章

  • build、dev、generate、preview和postinstall的区别?
    这些指令是在package.json文件中定义的Nuxt.js命令。nuxtbuild:用于构建Nuxt.js应用程序生成静态文件和服务器端渲染的bundle文件。运行该命令后,将在.nuxt目录中生成生成的文件。nuxtdev:用于启动Nuxt.js应用程序的开发模式,该模式支持热更新和实时重新加载。运......
  • 《CTFshow-Web入门》08. Web 71~80
    目录web71知识点题解web72知识点题解web73题解web74题解web75知识点题解web76题解web77知识点题解web78知识点题解web79题解web80知识点题解ctf-web入门web71知识点ob_get_contents():得到输出缓冲区的内容。ob_end_clean():清除缓冲区的内容,并将缓冲区关闭,但不会输出内......
  • 2014年武汉的IT行情好像不太好(续):20个月过后,再看当时面试过的几个公司--武汉财富基石
     2014年9月的时候,写过一篇面试的总结性质的文章,“2014年武汉的IT行情好像不太好”。最近,有个网友对这篇文章发表了一个评论,“只看看,不说话”,就顺便再看了原来写的这篇文章。不过呢,一转眼,20个月过去了,我倒是很想再去说说其中的几家公司。和大家透露下,当初参加过面试的一......
  • 页面引入css样式时,使用link和@import有什么区别
    css文件引入的方式有两种:1.HTML中使用link标签<linkrel="stylesheet"href="style.css/>2.css中使用@import@import"style.css"/*使用字符创*/@importurl("style.css")/*使用url地址*/link和@import区别link属于HTML标签,除了加载css外,还可以做很多其的他事,比......
  • 【继承类型:public、private、protected的区别】
    继承类型:public、private、protected的区别:当一个类派生自基类时,该基类可以通过公有(public)、私有(private)、保护(protected)三种方式被继承,实际应用中几乎不使用 protected 或 private 继承,通常使用 public 继承。继承语法: 继承规则:公有继承(public):当一个类派生自公有基......
  • 4-20mA转RS485和转RS232的区别
    4-20mA信号是工业上常用的模拟信号,转换成数字信号通常有RS485接口和RS232接口。从软件方面来说,这两种接口软件是完全一样兼容的,采集的时候编程也不需要特殊的区别。直接modbusRTU协议通讯或者字符协议通讯。而硬件方面试有区别的,RS485采用的是半双工通讯,同一时间只能有一个设备发......
  • 编译器优化选项和debug,release模式的区别(转)
    原文:https://blog.csdn.net/qq_41854911/article/details/129657879有时候,程序在Debug模式下运行的好好的,一Release就crash了。有时候,程序在Debug模式下崩溃了,Release模式下居然能正常运行。以上这种情况,可能很多人都遇到过。用C/C++的朋友都知道编译器编译有各种优化级别,编译......
  • const_cast,static_cast,dynamic_cast,reinterpret_cast的区别(转)
    原文:https://www.cnblogs.com/fancy-xt/p/5339177.htmlC++继承了C中的隐式和显式转换的方式。但这种转换并不是安全和严格的,加上C++本身对象模型的复杂性,C++增加了四个显示转换的关键字。(C++是强类型语言)经过编码测试,小结如下:const_cast:仅用于去掉完全同类型的const,volatile......
  • C语言中 p三种用法的区别
    请看下面三种定义:constchar*p;charconst*p;char*constp;首先看第一种,我们先看p,本着”从里往外”的原则,p是一个char*类型的变量,但char*前面有一个const修饰,即p所指向的内容为const类型不可修改,我们可以写如下程序进行实验,当试图对p指向的数组的第一个元素进行修改时,......
  • ds:带头结点的单链表与不带头结点的单链表区别
     写在前边:单链表都有头指针,不一定有头结点;有无头结点的单链表,定义时数据类型都一样,只是初始化时、插入、删除时不同。 一、带头结点的单链表头结点:为方便编写代码而设置的头结点。存储结构:L->头结点->a1->a2->NULL,头结点不存储数据初始化:malloc申请空间后要L->next=NULL......