Vue 2 源码阅读笔记

于 2020-09-20 23:17:57 发布
阅读量207 收藏
点赞数
分类专栏： 拉勾大前端训练营
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Bruski/article/details/108700416
版权

本周末跟着拉勾前端训练营课程，学习Vue2.6的源码，终于对我们工作常用的框架有了深入的探索。Vue的设计确实轻巧精妙，代码结构、表意都十分清晰，不仅对Vue框架有窥视，还学习了漂亮的代码是怎么编排的，收获颇丰。

但第一遍看下来，还是有许多不解困惑的地方，尤其是 数据响应式部分，Observer / Dep / Watcher 的调用有点绕，还需反复咀嚼！

今天就先把各个部分的思维导图笔记记录一下。

思维导图笔记

前置

在这里插入图片描述

Vue初始化

在这里插入图片描述

入口

在这里插入图片描述

初始化静态成员

在这里插入图片描述

初始化Vue实例属性

在这里插入图片描述

init 过程

在这里插入图片描述

initState过程

在这里插入图片描述

首次渲染过程

在这里插入图片描述

数据响应式的过程

在这里插入图片描述

异步更新(nextTick)过程

在这里插入图片描述

Bruski
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值