search

luo3house / luo3orgcn-comments

Comments Repo from site https://luo3.org.cn
0 stars 0 forks source link

posts/snippets/the-reactive-package-vue-reactivity/ #3

Open utterances-bot opened 1 year ago

utterances-bot commented 1 year ago

Vue Reactivity 响应式库 - Luo3House

@vue/reactivity（下称 VueReactivity） 是 Vue3 内部实现响应式编程的包。它和很多响应式编程的库一样，都提供类似的 API 和实现原理。 Vue 组件中的 data 从组件挂载开始，就通过这个库赋予了响应式结构，之后的 set 操作都会触发组件渲染动作。 实现原理 VueReactivity 和很多响应式库都有相似的实现原理：依赖追踪 + Proxy。 依赖追踪是隐式地找出观察者需要的依

https://luo3.org.cn/posts/snippets/the-reactive-package-vue-reactivity/

luo3house commented 1 year ago

缺点是接口比较底层，没有提供批量更新功能。对于非常频繁的更新要自己做节流。而类似工具 mobx 则可以通过 Action 做批量更新（多次更新操作最后反映到 1 次绘制）