Vue.js 3.0源码解析(微课视频版)
上QQ阅读APP看书,第一时间看更新

2.6 总结

本章通过简单的demo,介绍Vue3的核心功能,包括createApp()的作用、Vue3响应式的核心原理和调用执行关系、effect副作用函数的作用与处理、组件的挂载(mount)和更新(patch)等,通过本章的学习可以掌握Vue3中的核心思想和处理逻辑,在阅读整个demo的过程中也能够学习内部处理方法,有利于代码编写。

通过createApp()将整个流程进行简单的串联,简单回顾组件的挂载和更新流程,如图2.4和图2.5所示。

图2.4 挂载流程

图2.5 更新流程

根据上述代码实现简单的Vue3模型,该demo可以直接引用后在浏览器打开预览。通过demo的拆解介绍,帮助理解Vue3的核心流程。完成本章学习后,对整个逻辑已经有初步了解,再去查看对应的内容将会对源码有更加清晰的认识。第3章将会按照与本章相同的模式,对比介绍Vue3的核心逻辑和对应源码的细节逻辑,完成整个源码库的解读,完成从简单到复杂的过渡。

本章的源码在本书配套资源内,可直接下载后引用运行,也可以自行在浏览器debug源码,反复理解整个代码的执行逻辑。