Vue.js 源码分析（响应式、虚拟 DOM、模板编译和组件化）

「这是我参与2022首次更文挑战的第3天，活动详情查看：2022首次更文挑战」 Snabbdom 源码解析 接着我们开始学习 Snabbdom的源码 为什么要学习 Snabbdom的源码 A： 因为V

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

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

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

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

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

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

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

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

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

VueRouter 本章我们要书写initComponents这个方法，这个方法我们要实现两个组件router-link、router-view router-link 组件实现 这么一看代码好像很简

简单手写vue-router 前言 我们已经完成了install函数的书写了，现在就要进入构造函数的书写阶段了 往期记录 构造函数 构造函数需求梳理 我们可以看到，在我们实例化 VueRouter的时

我们的目标是简单手写一个，vue-router插件，本章节就是先带大家由浅入深去写插件所必要的静态方法 install，之后我们就可以开始一点一点的去完成我们的路由插件啦！