Vue3的ref和reactive如何实现响应式，其原理是什么？

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

目录

1.前言

2.比较

3.ref源码解析

4.reactive源码解析

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

5.总结

1. 前言 Vue3新增了ref和reactive两个API，用于响应式数据。 Ref系列操作频繁度最高。

目录

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

1.前言

vue3新增了ref，reactive两个api用于响应式数据，Ref 系列毫无疑问是使用频率最高的 api 之一,响应式意味着数据变动，页面局部自动更新。数据类型有基本数据类型（string,number,boolean,undfined,null,symbol），引用数据类型（object,array,set,map等）。