Vue2面试题:说一下v-show、v-if、v-for的理解?

    v-show和v-if的区别:

        v-if:通过操控DOM增删来实现显示隐藏,不适合频繁切换,数据多不建议用v-if,每一次切换则重新消耗性能

        v-show:修改元素的display实现显示隐藏,适合频繁切换,只在第一次渲染时消耗性能

    v-if和v-for的优先级:

        当v-if与v-for一起使用时,v-for比v-if优先级高,如果连用的话会把v-if给每个元素都添加一下,会造成性能问题,所以不推荐v-if和v-for在同一个标签中同时使用。

        解决办法:在计算属性中,将v-if中的判断转化成对v-for数组的过滤

    v-for中key的作用?

        key代表的是唯一,作用是更高效的更新虚拟dom,diff算法时便于区分新旧虚拟dom,新旧虚拟dom的key相同时不会重新渲染,提高性能

        为何不推荐index作为key值:当以数组下标index作为key值时,当其中一个元素发生了变化(增删改查),就有能导致所有的元素的key值发生改变,导致更新dom时浪费性能

相关推荐

  1. Vue2面试一下v-showv-ifv-for理解

    2023-12-29 07:08:04       52 阅读
  2. Vue2面试一下vuex理解

    2023-12-29 07:08:04       57 阅读
  3. Vue2面试一下路由模式hash和history区别?

    2023-12-29 07:08:04       51 阅读
  4. Vue v-ifv-show 区别

    2023-12-29 07:08:04       51 阅读
  5. Vue v-ifv-show区别

    2023-12-29 07:08:04       42 阅读
  6. vuev-ifv-show区别

    2023-12-29 07:08:04       39 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2023-12-29 07:08:04       91 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2023-12-29 07:08:04       97 阅读
  3. 在Django里面运行非项目文件

    2023-12-29 07:08:04       78 阅读
  4. Python语言-面向对象

    2023-12-29 07:08:04       88 阅读

热门阅读

  1. Latex如何转成Word

    2023-12-29 07:08:04       55 阅读
  2. stm32采用队列方式接收和发送RS485串口数据

    2023-12-29 07:08:04       48 阅读
  3. 第41节: Vue3 watch函数

    2023-12-29 07:08:04       61 阅读
  4. uniapp 目录结构

    2023-12-29 07:08:04       53 阅读
  5. K8S Ingress-Nginx导出TCP端口

    2023-12-29 07:08:04       58 阅读
  6. k8s之服务发现

    2023-12-29 07:08:04       55 阅读