![](https://img-blog.csdnimg.cn/19730c49baa14bfcabfe2c8fc846fdda.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vue源码解析
文章平均质量分 77
自己在学习Vue源码中的一些个人见解
ExMaterial
不懂材料的程序员不是好社畜。
展开
-
Vue源码探秘(二)—— Vue 响应式原理模拟
步入Vue3,尤小右使用Proxy对其进行了改造,不仅抛弃了如 $delete 之类的鸡肋API(因为Proxy可以监听删除属性),还提升了性能。当data中有多个对象时,需要对其进行遍历,此时需要对上述代码进行一些改造。// 数据劫持,当访问或设置vm中的成员的时候,做一些操作。注:为简便起见,代码实现并未加入对传参的考虑。注:为简便起见,代码实现并未加入对传参的考虑。// 是否可配置,即delete删除。// 模拟Vue中的data选项。// 模拟Vue的实例。原创 2022-09-05 14:56:24 · 367 阅读 · 0 评论 -
Vue源码探秘(一)——Vue-Router原理实现
在看这篇文章的几点要求:需要你先知道Vue-Router是个什么东西,用来解决什么问题,以及它的基本使用。如果你还不懂的话,建议上官网了解下Vue-Router的基本使用后再回来看这篇文章。:插件、slot插槽、mixins混入、render函数、运行时和完整版的Vue。原创 2022-09-04 15:16:02 · 423 阅读 · 0 评论 -
Mini-Vue之渲染系统实现(render)及diff算法
事实上,Vue源码包含三大核心:Compiler模块:模板编译系统;Runtime模块:也可以称之为Render(渲染)模块,真正的渲染模块;Reactivity模块:响应式系统。原创 2022-08-17 21:12:36 · 453 阅读 · 1 评论 -
v-for列表渲染有无key值对比-diff算法详解
在使用v-for进行列表渲染时,我们通常会给元素或者组件绑定一个key属性。那么这个key属性有什么作用呢?原创 2022-08-14 15:54:32 · 1032 阅读 · 1 评论 -
深入理解Vue2响应式原理
本文内容是基于《剖析Vue.js内部运行机制》关于响应式系统部分整理而来。虽然说Vue3已经发布有两三年了,数据响应也已经用Proxy重构了,但无论是为了学习编程思想,或者是为了面试,都有必要了解Vue2响应式原理是什么。不出意外的话,以后我还会写一篇关于Proxy数据代理的文章。......原创 2022-07-28 08:14:51 · 207 阅读 · 0 评论