vue3 - reactive与ref (推荐:以后声明数据，统一用ref =＞统一了编码规范)

推荐:以后声明数据，统一用ref =>统一了编码规范
 

响应式

在 Vue 3 中，响应式对象是通过 reactive 和 ref 函数创建的。这两个函数提供了不同的方式来创建响应式数据，每种方式都有其特定的使用场景和优缺点。下面详细介绍如何在 Vue 3 中创建和使用响应式对象。

1. 使用 reactive

reactive 函数用于创建一个响应式的对象。它将普通对象转换为一个响应式对象，这样当对象的属性发生变化时，Vue 能够检测到这些变化并更新视图。

2. 使用 ref

ref 函数用于创建一个响应式的引用。它返回一个带有 .value 属性的对象，该属性指向实际的值。ref 通常用于基本数据类型（如字符串、数字、布尔值等），但也可以用于对象。

reactive

ref

ref:接收简单类型或复杂类型，返回一个响应式的对象
本质:   是在原有传入数据的基础上，外层包了一层对象，包成了复杂类型
底层：包成复杂类型之后，再借助reactive实现的响应式
注意点:访问数据，需要通过   .value

2.在template中， .value不需要加(帮我们扒了一层)