05-原理与手写实现

章节目标：围绕“05-原理与手写实现”建立知识主干，能说清关键机制，并能用最小代码或真实案例验证结论。

学习要求

• 阅读时把“概念、适用场景、常见错误、验证方法”分别记下来。
• 带代码的内容至少运行一次，再主动修改一个条件观察结果。
• 学完后选择三个主题，不看原文向别人讲清楚。

完整目录（82 篇）

• 1. 接口定义
• 三、MVVM原型(Mock版)
• 1. 数据响应式模块
• 2. 编译模块
• 3. 渲染函数
• 三大模块的分工
• 五、 视图渲染过程
• 1.Render Phase
• 六、实现渲染函数
• 四、数据响应实现
• MVC 和 MVVM 的区别
• Proxy与Object.defineProperty的区别
• Vue 响应式数据原理
• Vue 的 Diff 算法简介
• Vue 的 MVVM 模式
• 为什么Vue采用异步渲染
• Compile
• Observer
• Watcher
• 几种实现双向绑定的做法
• 剖析Vue实现原理 - 如何实现双向绑定mvvm
• 谈谈JavaScript中的双向数据绑定
• $route 和 $router 的区别？
• Vue 组件间的参数传递方式？
• Vue.js 源码学习笔记
• computed 和 watch 区别？
• computed 和 watch 的差异？
• keep-alive 组件有什么作用？
• mini-vue
• vue 中 mixin 和 mixins 区别？
• vue 双向数据绑定原理？
• vue 常用的修饰符？
• vue-router 中的导航钩子函数
• vue中 key 值的作用？
• 使用 Object.defineProperty() 来进行数据劫持有什么缺点？
• 模板编译
• 监测数组
• 解析对象为什么失去响应
• vue中是如何检测数组变化
• 异步更新队列
• 深入响应式原理
• 谈谈MVC模式
• diff算法
• 子元素的对比
• gpt简单版
• options上的内部属性
• render
• vm上的内部属性
• 一.使用Rollup搭建开发环境
• 打包的umd文件解析
• 环境搭建
• 1.初始化数据
• 3.数组方法的劫持
• 二.Vue响应式原理
• 代理对属性的访问
• data快捷访问
• 使用我们的Vue
• 修改-新增属性值处理
• 初始化
• 思考题：特殊修改值情况
• 数据劫持
• 数组处理
• Src-core-instance-init.js
• Src-platforms-web-runtime-index.js
• Src-shared-constants.js
• vue源码
• Vue构造函数中的逻辑
• _render方法
• 将template转化为ast
• 将数据渲染到页面
• 模板解析
• 添加生命周期方法
• 渲染页面
• parseHTML函数
• 数据渲染
• 模板解析
• Next-tick.js
• 环境检测
• 数据观测
• 珠峰
• 直接从vm上取得data属性
• 组件的初始化流程