首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
5C24
掘友等级
页面仔
Repetition creates the master
获得徽章 3
动态
文章
专栏
沸点
收藏集
关注
作品
赞
16
文章 16
沸点 0
赞
16
返回
|
搜索文章
最新
热门
手撸mini-vue之isReactive和isReadonly
isReactive 单元测试 分析: 创建一个 reactive 其实就是返回代理对象 那么怎么知道代理对象是不是 reactive 通过 get 操作的 isReadonly 变量可以知道当前对象
手撸mini-vue之readonly
在 vue3 中 readonly 的作用是只读,下面通过一个单测来呈现这个功能 单测 readonly 不能 set,意味着不会触发依赖,不会触发依赖意味着不需要做依赖收集 实现代码 代码重构 新建
手撸mini-vue之实现effect的stop功能
stop 单测 从上述单元测试可知,stop 的作用是当 reactive 对象在执行 set 时候 阻止触发依赖,那么如何阻止呢? 先来看下之前实现的触发依赖代码 回顾之前trigger的代码可以知
手撸mini-vue之scheduler
直接上vue3的schedule单测 由上面的单测可知 初始化不执行 scheduler 只有在 reactive 对象触发 set 操作的时候才执行 scheduler 当 effect 存在 sc
手撸mini-vue之runner
通过一个单元测试来了解什么是runner 分析上述代码可知: 调用 effect 之后,返回一个 function , 这个 function 可以称之为 runner 调用 runner 会执行 e
手撸mini-vue之reactive&effect&依赖收集&触发依赖
vue3的响应式数据核心是reactive,reactive的核心是effect 下面来实现上图的流程 实现reactive 这样就很简单的实现了一个有get、set操作的reactive函数 通过以
个人成就
文章被点赞
12
文章被阅读
3,225
掘力值
208
关注了
19
关注者
2
收藏集
0
关注标签
28
加入于
2019-10-23