Vue核心源码剖析稿
##1.说明 ①受限学识水平和实践经验,难免错漏,欢迎各位前辈同学批评指正。 ②本系列文章仅从源码角度进行学习,不作 vue 基本使用和api的解释,相关需要可阅读官网。 ③本系列(Vue源码剖析笔记),目前共6篇即01核心**篇,02变化侦测篇(响应式篇)、03虚拟dom篇、04模板编译篇、05生命周期篇、06vue3探索篇,主要基于vue2.6和vue3.2版本源码库分析,共约2万字。 ④本系列文章的学习目的: a.学习如何更好的设计代码以及搭建架构。 b.深入了解vue。
##2.参考资料 ①阮一峰老师系列分享资料 ②源码:https://github.com/vuejs/vue https://github.com/vuejs/vue-next ③Vue官网:https://cn.vuejs.org/ https://v3.cn.vuejs.org ④VueApi:https://cn.vuejs.org/v2/api/index.html https://composition-api.vuejs.org/api.html ⑤书籍:梁灏老师的Vue.js实战
##3.总目录
01核心**篇
第一节·数据驱动
1.什么是数据驱动?
2.数据驱动的工作原理
第二节·组件化系统
1.什么是组件化?
2.组件化的优点。
02变化侦测篇
##第一节·先看目录结构
##第二节·变化侦测简述
##第三节·Vue中的变化侦测机制。
###1.前言
###2.object类数据的变化观测
###3.array的变化观测
###4.深度观测
###5.了解一下Watcher
###6.Vue.set和Vue.delete
##第四节·篇章小结
#03虚拟Dom篇
##第一节·先看目录结构
##第二节·虚拟dom简述
###1.什么是虚拟dom?
###2.要你虚拟dom何用?
##第三节·Vue中的虚拟dom
###1.虚拟节点
###2.vue中的dom-diff
###3.vnode的patch过程
##第四节·篇章小结
#04模板编译篇
##第一节·先看目录结构
##第二节·什么是模板编译
##第三节·模板编译流程
###1.模板编译的整体流程
###2.模板编译的三个阶段
##第四节·篇章小结
#05生命周期篇
##第一节·先看目录结构
##第二节·Vue生命周期简述
##第三节·生命周期的几个阶段
###1.生命周期中的几个阶段。
###2.初始化阶段
###3.模板编译阶段
###4.挂载阶段
###5.销毁阶段
##第四节·有关执行顺序
##第五节·几个生命周期钩子
##第六节·篇章小结
#6Vue3探索篇
## 一、两个源码库第一眼下的区别
1. ###编程语言typescript
2. ###源码管理方式的转变:
## 二、我关注到的vue1-vue3的系列变更
1. ###vue1到vue2的一些重大改变
2. ###vue2到vue3的一些关注到的改变
3. ###vue3什么时候能用
## 三、后续说明
##结束语 致敬每一个开源人,热爱分享的开发者。