ref 对比 reactive

宏观角度看

1. 用来定义：基本类型数据、对象类型数据。
2. 用来定义：对象类型数据。

区别

注意

1. ref 创建的变量必须使用.value（可以使用 volar 插件自动添加.value）。

2. reactive 重新分配一个新对象，会失去响应式（可以使用 Object.assign 去整体替换）。

使用原则

提示

1. 若需要一个基本类型的响应式数据，必须使用 ref。
2. 若需要一个响应式对象，层级不深，ref、reactive 都可以。
3. 若需要一个响应式对象，且层级较深，推荐使用 reactive。