• vue中的虚拟DOM树


    什么是虚拟DOM树?(Virtual DOM)

        虚拟DOM树其实就是一个普通的js对象,它是用来描述一段HTML片段的

         01    当页面渲染的时候Vue会创建一颗虚拟DOM树

              02    当页面发生改变Vue会再创建一颗新的虚拟DOM树

              03    前后两颗新旧虚拟DOM树进行对比,Vue通过diff算法,去记录差异的地方

         04    将有差异的地方更新到真实的DOM树中

    虚拟DOM树有什么用? 

      vue中的虚拟DOM树只会重新渲染页面修改的地方,大大减少了对真实DOM树的操作。 -------虚拟DOM树是占内容的,但是可以帮我们提高DOM的性能。

      可以这样理解,虚拟DOM树是用空间(虚拟DOM树占空间)换时间(虚拟DOM树可以提高DOM效率)。

    Vue  v-for 中 :key 到底有什么用?

       vue不直接操作真实的DOM树,通过虚拟DOM树就可以重新渲染修改的地方,影藏在背后的原理其实就是 diff 算法。

               key的作用是为了高效的更新虚拟DOM树,提高查找的效率,一次性定位到要修改的元素

    Vue的更新方式?

               Vue是通过对比组件自身的新旧虚拟DOM进行更新的。

    aixos 怎么配置拦截器?

        只要配置了拦截器,那么所有的请求都会走拦截器

        axios.interceptors.request.use  请求拦截器

        axios.interceptors.response.use  响应拦截器

        

  • 相关阅读:
    Java获取一年里某季、某月、某周的第一天及最后一天时间的完整代码如下:
    django 将数组交给前台
    模板标签
    django 变量交给前台模板
    内核解密 | Oracle 18c 数据库安装ORA-12754的两种解决方案
    浅谈大型web系统架构
    浅谈大型web系统架构
    浅谈大型web系统架构
    浅谈大型web系统架构
    微信小程序把玩(三十二)Image API
  • 原文地址:https://www.cnblogs.com/javascript9527/p/11327924.html
Copyright © 2020-2023  润新知