![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JS
雨山君
这个作者很懒,什么都没留下…
展开
-
【Vue】为什么在使用v-for的时候需要指定key属性?
这个问题涉及到了虚拟Dom的更新过程和策略。当渲染的数据发生改变时,会生成新的虚拟Dom树和老的虚拟Dom树进行比较,返回对Dom树的更新操作。以列表渲染为例,如果数据项的顺序被改变,为了尽量减少Dom的渲染操作,Vue将不是移动DOM元素来匹配数据项的改变(更不是全部销毁重新渲染),而是简单复用此处每个元素,并且确保它在特定索引下显示已被渲染过的每个元素,即就地复用策略。比如:在BC中间插入一个新的节点,如果不指定key,在页面Dom的真实变更如下:原来ACBDE的Dom其实没有变化,只是在最原创 2020-07-15 15:44:16 · 1089 阅读 · 0 评论 -
【Vue】嵌套组件的生命周期、钩子函数调用顺序
单个组件的生命周期和钩子函数的调用顺序在Vue.js的官方文档上可以十分清晰地学习到。但是两个嵌套的父子组件,他们之间的生命周期进程顺序和钩子函数的调用顺序,就好像不是特别清晰。要验证这这个其实还是特别简单的。只需要分别在两个嵌套的父子组件的各个钩子函数中增加打印日志就可以了。打印的结果如下:从钩子函数的调用顺序来看,子组件的生命周期是包含在父组件的mounte周期中。子组件等待挂载的时候,其中的属性才会被创建。等待子组件挂载完成,才会调用父组件的mounted函数。...原创 2020-07-10 17:49:34 · 630 阅读 · 0 评论 -
JS类型判断之殇
JS类型判断之殇typeofInstanceofObject.prototype.toString.call()谈及JS中的类型判断,最为常见的可能是typeof 和 instanceof。但是这两个方法都存在各自的问题。typeoftypeof 只返回六种基本类型‘undefined’ --未定义的变量或值‘boolean’ ...原创 2019-10-28 19:26:36 · 139 阅读 · 0 评论