Vue3
文章平均质量分 95
详细记录学习Vue3核心源码的心得
SunsetFeng
这个作者很懒,什么都没留下…
展开
-
Vue3计算属性和异步计算属性
文章目录一、简要介绍二、计算属性核心源码三、异步计算属性核心源码一、简要介绍不论是计算属性,还是异步计算属性,都是依托于Vue3整体的响应式原理实现的。其核心依旧是ReacetEffect类。如果对响应式原理不清楚,建议先看响应式原理章节。计算属性和常规的动态响应区别在于它不会主动的去执行ReacteEffect所关联的回调方法,而是用一个标记来表示当前的值是否有改变,如果有改变,则重新调用回调方法获取,如果没改动,则直接获取直接计算的值。二、计算属性核心源码export type Computed原创 2021-10-18 22:26:53 · 2509 阅读 · 0 评论 -
Vue3响应式原理
文章目录一、简介二、响应核心1.核心源码2.逐步分析上述示例代码3.收集依赖和触发依赖更新(1).收集依赖(2).触发依赖更新三、V3.2的响应式优化四、后话一、简介本章内容主要通过具体的简单示例来分析Vue3是如何实现响应式的。理解本章需要了解Vue3的响应式对象。只注重原理设计层面,细节不做太多讲解。二、响应核心1.核心源码export class ReactiveEffect<T = any> { //是否激活 active = true //依赖列表 deps:原创 2021-10-18 17:11:20 · 974 阅读 · 0 评论 -
Vue3响应式对象Reactive和Ref
Vue3响应式对象Reactive和Ref一、内容简介二、Reactive1.关键源码2.源码流程分析三、代理拦截操作1.数组操作(1).关键源码(2).源码流程分析2.Get操作(1).关键源码(2).源码流程分析3.Set操作(1).关键源码(2).源码流程分析4.其余和行为拦截操作(1).关键源码(2).源码流程分析四、Ref对象1.思考一个问题2.简要说明3.关键源码四.源码解析五、总结1.收集依赖和触发依赖的本质2.响应式对象本质是对数据进行了包装,拦截了读写操作。3.上述篇幅并未讲到集合类型代理原创 2021-10-17 17:08:03 · 3077 阅读 · 2 评论