reactive

从Vue3发布以来，我就一直对其非常感兴趣，就一直想着将其投入公司的生产中，但是开始考虑到很多不确定性就暂时对一些很小的功能进行一些尝试；慢慢的发现组合式Api的形式非常适合开发（…

在 Vue3 中，有许多与响应式相关的函数，例如 toRef、toRefs、isRef、unref 等等。合理地使用这些函数可以在实际开发中大大提高效率。本文将详细介绍这些函数的用…

增强对象拦截 简介 在之前的文章中我们实现一个响应式系统的 MVP 模型，也实现了 computed 、watch 等。今天再来看看对于对象的拦截，我们思考以下几个问题： 如何拦截…

readonly&shallowReadonly 简介 今天来实现readonly 和 shallowReadonly。我们希望一些数据是只读的，当用户尝试修改只读数据时，…

shallowReactive 简介 今天来实现一下 shallowReactive 这个 API。 reactive函数是一个深响应，当你取出的值为对象类型，需要再次调用 rea…

minivue 实现reactive 编写单测 // 编写 reactive 的 happy pathdescribe(‘reac…

实现 effect 返回 runner 实现 effect 返回 runner 编写单测 it(‘runner’, () => { &…

实现 effect 的 scheduler 功能 实现 effect 的 scheduler 功能 编写单测 我们先来看看测试样例 it(‘scheduler’, ()&…

实现 effect 的 stop 功能 实现effect的stop功能 编写单测 it(‘stop’, () => {  &…

实现 readonly 功能 核心点 readonly 对象，在取值的时候不进行 依赖收集， 即： 在get函数中不执行 track 方法 readonly 对象在修改值时不生效，…

制作一个myFish锦鲤组件 通过CSS Transform 改变锦鲤坐标， <template>  <div>  …

概要 从 Vue 3.2 开始添加了v-memo指令，v-memo指令可以通过省略不必要的重新渲染来提高性能。 v-memo如果指定的所有值都与上次渲染的结果相同，该指令将跳过重新…

在Vue 3中，toRefs()函数用于将响应式对象转换为普通对象，其中每个属性都是一个独立的响应式引用。这样做的好处是，可以在不影响响应式对象本身的情况下，将其传递给子组件或其他…