![](https://img-blog.csdnimg.cn/20190918140145169.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
源码笔记
文章平均质量分 71
各种源码学习记录
Bwcx_lzp
唯有热爱,可抵岁月漫长。
展开
-
vue2的响应式
结合源码分析一下vue的双向绑定所谓双向绑定,就是数据变化了,视图也随之改变,同时,视图改变了,数据也会变化。这是MVVM模式的一显著特征之前对于双向绑定,只是简单,很表面上的认识,知道vue的数据双向绑定主要通过Object.defineProperty()方法来进行数据劫持以及发布者-订阅模式来实现的,但是如何进行数据劫持呢?发布订阅者模式又是什么呢?等等问题,需要明确。。。最近花了点时间,结合源码(vue2),重新学习分析了下,在此作一下总结笔记,供个人进一步理解记忆,同时也欢迎大家阅读评论,指原创 2021-09-10 15:15:50 · 1152 阅读 · 1 评论 -
vue2中的proxy代理
代理的作用是把 props 和 data 上的属性代理到 vm 实例上,这也就是为什么比如我们定义了data和 props,却可以通过 vm 实例访问到它(即在vue中我们直接通过this. 拿到对应的属性)vue2中通过一个代理函数proxy,代码如下const sharedPropertyDefinition = { enumerable: true, configurable: true, get: noop, set: noop,}export function prox原创 2021-09-06 17:23:40 · 2072 阅读 · 0 评论 -
vue计算属性computed源码解析笔记
源码学习的笔记吧,还存在一些问题,会继续补充!1. 使用示例 (官网)var vm = new Vue({ data: { a: 1 }, computed: { // 计算属性的 getter // 仅读取 aDouble: function () { // `this` 指向 vm 实例 return this.a * 2 }, // 读取和设置 aPlus: { get: function () {原创 2021-07-16 13:25:24 · 640 阅读 · 3 评论