运维家

观察者模式和发布订阅模式 前言 观察者模式和发布订阅模式其实是老生常谈的，但是我们进入vue的源码系列之后，肯定是需要接触到这个的，所以还是需要进行一些了解的 发布订阅、观察者 这两种设计模式的本质是

Vue 响应式原理 这又又又是炒冷饭的一篇笔记。。。。 vue的基本结构 这是一个vue的基本结构的简单代码 vue实例观察 这是打印出vue的实例的部分截图 整体结构 分析 Vue 把data中的成

前言 我们先来了解一下Vue类 功能 负责接受初始化的参数 负责把data中的属性注入到Vue实例中，转化成getter/setter 负责调用 observer监听data中所有属性的变化 扶着调用

前言 接上回书说到，我们实现了几个小点之后，我们要开始实现Observer类了 Observer 功能 负责把data选项中的属性转换成响应式数据 data中的某个属性也是对象，把该属性转换成响应式数

前言 接下来 我们进入到Complier类的实现 Compiler 功能 负责编译模板，解析指令/差值表达式 负责页面的首次渲染 当数据变化后重新渲染视图 结构 判断元素属性是否指令 这里判断很简单我

前言 首先我们先看看以下的脑图 目前我们已经实现了 vue、Compiler、Observer类 本章我们要实现 Dep（发布者）类 Dep 功能 收集依赖，添加观察者(Watcher) 通知所有观察

前言 本章要进入到 Watcher 类的实现了 Watcher 类 功能 当数据变化触发依赖， dep 通知所有的 Watcher实例更新视图 滋生实例化的时候往 dep 对象中添加自己 结构 vm

「这是我参与2022首次更文挑战的第1天，活动详情查看：2022首次更文挑战」。 什么是虚拟Dom 虚拟Dom很简单，就是用普通的js对象来进行描述dom对象，因为不是真实的dom，所以称之为虚拟do

「这是我参与2022首次更文挑战的第2天，活动详情查看：2022首次更文挑战」 Snabbdom中的模块 目标： 本章要介绍Snabbdom中的模块 前言 我们要从下面三个方面依次进行介绍： 模块的使