首页
沸点
课程
数据标注
HOT
AI Coding
更多
直播
活动
APP
插件
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
5C24
掘友等级
页面仔
Repetition creates the master
获得徽章 3
动态
文章
专栏
沸点
收藏集
关注
作品
赞
16
文章 16
沸点 0
赞
16
返回
|
搜索文章
最新
热门
手撸mini-vue之ref
reactive 通过 proxy 进行 get set 操作实现响应式。但是 reactive 只作用于对象。那么像 1,true,'1'这类的单值怎么实现响应式呢? ref 想实现这些单值的响应式
手撸mini-vue之reactive和readonly嵌套及shallowReadonly
reactive 嵌套 单元测试 想要实现嵌套 只需在 get 的时候 对类型为 object 的 res 再用 reactive 声明一下 代码实现 readonly 嵌套 单元测试 实现思路与 r
手撸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,899
掘力值
246
关注了
19
关注者
2
收藏集
0
关注标签
28
加入于
2019-10-23