您现在的位置是:首页 > 正文

每日一题——v-if和v-show的理解

2024-02-01 03:55:09阅读 6

一、v-if和v-show相同点

  1. 两者都有相同的作用:控制元素在页面中是否显示
  2. 用法一致:当表达式为true时显示,为false时隐藏

二、 v-if和v-show不同点

  1. 控制手段:v-if是通过删除和添加元素来实现的;v-show是通过css的display来实现的;
  2. 编译过程:v-if是切换有局部编译和卸载,切换过程有适当的销毁和重建事件监听和子组件;v-show是基于css的display的属性来切换的
  3. 编译条件:v-if是真正的条件渲染,条件为假时,不做任何操作;v-show无论条件的真假,都会给元素进行渲染

三、  v-if和v-show使用场景

  1. v-if相比 v-show开销更大的(直接操作dom节点增加与删除)
  2. v-if:适合切换频率少的;v-show:适合切换频率高的(tab切换)

网站文章

  • winform前后端框架_Vue + .NetCore前后端分离的快速发开框架

    框架核心快速开发(基础功能全部由代码生成器生成)支持前端、后台自定义业务代码扩展,后台提供了大量常用扩展与通用类前端、后台提供了近300个扩展方法与属性,开发人员可在此功能上编写扩展自定义业务代码代码...

    2024-02-01 03:55:03
  • LeetCode--相关二叉树的例题与理解

    1、相同的树 给定两个二叉树,编写一个函数来检验它们是否相同。 如果两个树在结构上相同,并且节点具有相同的值,则认为它们是相同的。 示例 1: 输入: 1 1 / \ / \ 2 3 2 3 [1,2,3], [1,2,3] 输出: true 示例 2: 输入:...

    2024-02-01 03:54:57
  • C#软件开发实例.私人订制自己的屏幕截图工具(七)添加放大镜的功能

    C#软件开发实例.私人订制自己的屏幕截图工具(七)添加放大镜的功能

    上一篇:C#软件开发实例.私人订制自己的屏幕截图工具(六)添加配置管理功能 由于截图时可能需要精确截取某一部分,所以需要放大镜的功能,这样截取的时候才更容易定位截图的位置。 添加PictureBox,name属性设置为“pictureBox_zoom”; 在“Form1_Load”事件处理函数中添加以下代码: //设置放大镜的大小 this.pictureBox_zoo...

    2024-02-01 03:54:27
  • 快速复现利用Log4j漏洞启动windows计算器

    快速复现利用Log4j漏洞启动windows计算器

    了解关于漏洞的描述,可以参考Vulnerability Affecting Multiple Log4j Versions Permits RCE Exploit根据文章描述,首先下载JDK1.8u1...

    2024-02-01 03:54:20
  • vue计算属性computed和侦听器watch的使用场景

    vue计算属性computed和侦听器watch的使用场景

    原文链接:https://dsx2016.com/?p=679 微信公众号: 大师兄2016 特点和区别 vue的computed选项主要用于同步对数据的处理,而watch选项主要用于事件的派发,可异步. 这两者都能达到同样的效果,但是基于它们各自的特点,使用场景会有一些区分. computed拥有缓存属性,只有当依赖的数据发生变化时,关联的数据才会变化,适用于计算或者格式化数据的...

    2024-02-01 03:54:13
  • java程序设计任务驱动教程学习笔记二

    java程序设计任务驱动教程学习笔记二

    一、标识符与关键字

    2024-02-01 03:53:43
  • Linux命令-详解more命令

    Linux命令-详解more命令

    2020年已经过去一半,最近欠下了好几篇博客。今天开始说6月的第一个博客,很简单,说一下more的命令。今天在敲命令的时候,忽然忘记咋写了,于是复习一下。

    2024-02-01 03:53:35
  • lftp的日志记录位置

    lftp的日志记录位置

    2024-02-01 03:53:28
  • FPGA:计算滑动求和----信号检测计算信号功率

    FPGA:计算滑动求和----信号检测计算信号功率

    FPGA:计算滑动求和----信号检测计算信号功率

    2024-02-01 03:53:21
  • docker安装oracle11g史上最全步骤(带图文) 热门推荐

    docker安装oracle11g史上最全步骤(带图文) 热门推荐

    因为在Linux中安装oracle非常麻烦,相信每个人也会遇到各种坑,为了一次装好,也方便将来直接可以导出镜像在各平台移植使用,所以选择用docker安装,并做详细记录,为以后需要之时拿来再看。 1、安装docker环境。 2、开始拉取oracle镜像 docker pull registry.cn-hangzhou.aliyuncs.com/helowin/oracle_...

    2024-02-01 03:52:50