Vue框架原理

1. 整体流程分析 （1）Vue 功能 负责解释初始化参数（选项） 负责把data中的属性注入到Vue实例，转换成getter/setter 负责调用observer监听data中所有属性的变化 负责

一、介绍 在 Vue 初始化过程中： 通过对象属性劫持，会为所有属性添加 dep 还会为属性值进行依赖收集：为对象本身和数组也添加 dep 如果是属性变化，将触发属性对应的 dep 去做更新； 如果是

一、介绍 为什么要做异步更新 异步更新的实现思路 数据变更缓存的位置 缓存 watcher 更新逻辑 vm.$nextTick 获取更新后的 dom 测试异步更新 二、异步更新的实现 1，为什么要做异

一，Watcher 部分 1，watcher 的本质 vm._render：调用 render 方法 vm._update：将虚拟节点更新到页面上 本质上，vm._update(vm._render(

数组的单层劫持 1. 为什么原本可以实现对数组索引的观测，Vue 却选择了不支持呢？ 主要是考虑了性能问题，比如，数组中的数据量非常大时： 这时，为了实现数组索引劫持，需要对数组中每一项进行处理，实现

1. 对象的单层劫持 data 为函数和对象的处理，及当 data 为函数时的 this 指向问题 Observer 类：对数据进行观测 walk 方法：遍历 data 属性（对象属性遍历） defi

1. 发布订阅模式 订阅者 发布者 信号中心 2. 观察者模式 订阅者(观察者) -- Watcher update(): 当事件发生时，具体要做的事情 发布者(目标) -- Dep subs数组:

React、Vue2、Vue3 三者的 diff 算法有什么区别 认识 React Diff 算法 React 是 Fiber 架构的，Fiber 其实是一个链表的结构，但是由于没有设置反向指针，因此

Vue3 对Proxy 、defineProperty的选择 1. Proxy 的性能，可能比 defineProperty 更差 我们在大数据量循环的过程中，分别用 Object.definePro

Vue3原理篇 Vue的设计概述 Vue的设计思路 声明式 数据驱动 渐进式 Vue解决的问题 高效性 编译器，编译模板 数据驱动 响应式 自动更新视图 运行时runtime-core 复用性、可维护

Vue-Router原理篇 设计思路 构建单页应用 hash模式: 基于location对象 history模式: 基于history对象 显示对应的组件 路由和组件的映射关系 router-view

Vuex原理篇 1. 设计思路 统一状态存储 store，state为响应式的 可预测变更，唯一修改途径 store.commit() 2. 创建Store实例 1. 插件方法 2. state为响应