[Vue源码分析]:初探Vue世界

45 阅读1分钟

前言

作为一名前端开发,日常开发的技术栈是Vue,对其用法也较为熟练了,但是对各种用法和各种api使用都是只知其然而不知其所以然,因此,有时候在排查bug的时候就会有点捉襟见肘。鉴于此,索性就从githubclone下来一份Vue源码来学习学习,本系列将用来记录博主对Vue源码的整个学习过程,以及自己对源码的一些理解。一方面开阔自己的知识视野,另一方面也希望这些文字能够带给他人些许帮助。

第一步全局API注册

image.png

第二步页面初始化准备

image.png

第三步骤核心数据劫持

image.png

第四步渲染页面

11.png

第五步更新页面

image.png

第六步Diff算法

image.png

总结的X-mind 文档

image.png