![Vue.js 3.0源码解析(微课视频版)](https://wfqqreader-1252317822.image.myqcloud.com/cover/606/52842606/b_52842606.jpg)
上QQ阅读APP看书,第一时间看更新
2.6 总结
本章通过简单的demo,介绍Vue3的核心功能,包括createApp()的作用、Vue3响应式的核心原理和调用执行关系、effect副作用函数的作用与处理、组件的挂载(mount)和更新(patch)等,通过本章的学习可以掌握Vue3中的核心思想和处理逻辑,在阅读整个demo的过程中也能够学习内部处理方法,有利于代码编写。
通过createApp()将整个流程进行简单的串联,简单回顾组件的挂载和更新流程,如图2.4和图2.5所示。
![](https://epubservercos.yuewen.com/91C70E/31397590607777506/epubprivate/OEBPS/Images/Figure-P26_4601.jpg?sign=1739567857-eLZaNXu4vFiW1c71MQ0meko0RKgoAJHT-0-c416b5e2e898ed808d2bd37a919dc573)
图2.4 挂载流程
![](https://epubservercos.yuewen.com/91C70E/31397590607777506/epubprivate/OEBPS/Images/Figure-P26_4604.jpg?sign=1739567857-SrzNgvjEtKYR8AM3V4pQuRc7W7egmxaW-0-210838c7f4e786b6ee2f0c4ecbe6a994)
图2.5 更新流程
根据上述代码实现简单的Vue3模型,该demo可以直接引用后在浏览器打开预览。通过demo的拆解介绍,帮助理解Vue3的核心流程。完成本章学习后,对整个逻辑已经有初步了解,再去查看对应的内容将会对源码有更加清晰的认识。第3章将会按照与本章相同的模式,对比介绍Vue3的核心逻辑和对应源码的细节逻辑,完成整个源码库的解读,完成从简单到复杂的过渡。
本章的源码在本书配套资源内,可直接下载后引用运行,也可以自行在浏览器debug源码,反复理解整个代码的执行逻辑。