Vue3中ref和reactive的用法及原理如何解析？

本文共计352个文字，预计阅读时间需要2分钟。

目录

1.前言

2.比较

3.ref源码解析

4.reactive源码解析

- createReactiveObject的组成 - get陷阱 - set陷阱

5.总结

1. 前言 Vue 3新增了ref和reactive两个API，用于响应式数据。 2. Vue 3新增了ref和reactive两个API，用于响应式数据。Ref系列几乎无人问津。

目录

• 1.前言
• 2.比较
• 3.ref源码解析
• 4.reactive源码解析
• createReactiveObject
• handles的组成
• get陷阱
• set陷阱
• 5.总结

1.前言

vue3新增了ref，reactive两个api用于响应式数据，Ref 系列毫无疑问是使用频率最高的 api 之一,响应式意味着数据变动，页面局部自动更新。