Vue2源码探索之响应式前篇

retun_true

已于 2024-03-17 19:09:03 修改

阅读量347

点赞数 8

文章标签：前端 javascript 开发语言

于 2024-03-17 19:06:36 首次发布

本文链接：https://blog.csdn.net/weixin_41092986/article/details/136777570

版权

本文详细解释了Vue2中未定义data时的观察者模式（Observe和Dep），以及如何通过`Object.prototype.toString.call(obj)`检查对象类型。重点介绍了在服务端渲染和数据定义时的区别，点明了响应式与数据驱动视图的核心原理。

摘要由CSDN通过智能技术生成

在不定义data的情况下，Vue2会帮我们走observe函数

简单的函数我就直接略过了

是否服务端渲染

var inBrowser = typeof window !== 'undefined';
var inWeex = typeof WXEnvironment !== 'undefined' && !!WXEnvironment.platform;

是否是对象

下次咱自己严格检查类型可用这种方法Object.prototype.toString.call(obj) === '[object object]'

执行ob = new Observer(value);

构造函数Observer

构造函数Dep

!!表示强制转化为boolean值

这样，Observe构造函数走完了。细心的你一定发现了，这套流程同样适用于定义了data的情况，只不过defineReactive$$1函数需要往下走了，而且接下来也是Vue2响应式和数据驱动视图的核心了。加油，再努力10%~~

关注