Youdeyiwu
Home
Contents
Articles
More
Messages
My Profile
Create Article
Login Now
Quick Register
English
简体中文
Light
Dark
Auto
[
Reactive
]
[
Ref
]
[
Vue
]
Vue isReactive 工具函数原理
检查一个对象是否是由 reactive() 或 shallowReactive() 创建的代理
demo
2 months
[
Computed
]
[
Ref
]
[
Vue
]
Vue computed 计算属性原理
computed 函数通过内部的 ReactiveEffect 实现了对依赖项的追踪和更新,从而实现了计算属性的响应式特性
demo
1 month
[
Ref
]
[
Vue
]
Vue unref 工具函数原理
如果参数是 ref,则返回 ref.value,否则返回参数本身
demo
2 months
[
WatchEffect
]
[
ApiWatch
]
[
Vue
]
[
Watch
]
Vue watch 和 watchEffect 侦听器原理
通过 getter 提取数据,ReactiveEffect 追踪依赖,scheduler 调度回调函数执行
demo
1 month
[
Ref
]
[
Vue
]
Vue toRefs 工具函数原理
将响应式对象的所有属性都转换为 ref,并返回一个包含这些 ref 的对象
demo
2 months
[
Ref
]
[
Vue
]
Vue isRef 工具函数原理
检查某个值是否为 ref
demo
2 months
[
ActiveEffect
]
[
Vue
]
[
ReactiveEffect
]
[
Effect
]
Vue 中的 effect 函数
Vue 的 effect 函数会在依赖的响应式数据发生变化时自动重新执行,从而实现数据驱动的视图更新
demo
2 months
[
Reactive
]
[
Ref
]
[
Vue
]
Vue isReadonly 工具函数原理
检查传入的值是否为只读对象,通过 readonly() 和 shallowReadonly() 创建的代理都是只读的
demo
2 months
[
Reactive
]
[
Ref
]
[
Vue
]
Vue isProxy 工具函数原理
检查一个对象是否是由 reactive()、readonly()、shallowReactive() 或 shallowReadonly() 创建的代理
demo
2 months
[
Ref
]
[
Vue
]
Vue toRef 工具函数原理
toRef 可以灵活地将各种输入转换为 ref,并且根据输入类型提供不同的行为
demo
2 months
[
Ref
]
[
Vue
]
Vue toValue 工具函数原理
将不同类型的输入(包括普通值、ref、getter)标准化为值
demo
2 months
[
Monorepo
]
[
Pnpm
]
[
Development
]
[
Vue
]
[
Project Structure
]
Vue 项目结构和包的调试
Vue 的项目存储库采用的是 monorepo 设置,即将多个项目的源代码存储在同一个代码库,并使用 pnpm 来管理 monorepo
demo
2 months
[
Proxy
]
[
Setter
]
[
Getter
]
[
Ref
]
[
Vue
]
[
Demo
]
Vue Ref 实现原理
Vue Ref 也是通过 getter 和 setter 方法来拦截对象属性的 get 和 set 操作,实现依赖追踪和更新
demo
2 months
[
Reactive
]
[
Vue
]
[
ReactiveEffect
]
[
Demo
]
Vue Reactive 中的响应式 effect 类
在 Vue Reactive 的依赖追踪中,使用 ReactiveEffect 类来表示依赖关系
demo
2 months
[
Proxy
]
[
Reactive
]
[
ProxyHandler
]
[
Vue
]
[
Demo
]
Vue Reactive 依赖追踪和触发更新
在 Vue Reactive ProxyHandler 实现中,get 方法进行依赖追踪,set 方法进行触发更新
demo
2 months
Load More