三、ref函数

（一）作用

• 定义一个响应式的数据

（二）语法

• 创建一个包含响应式数据的 引用实现的实例对象
• 简称 引用对象 / reference 对象 / ref 对象

const xxx = ref(initValue);

1.操作数据

xxx.value;

2.模板中读取数据

• 不需要 .value

<div>{{xxx}}</div>

（三）备注

• 接收的数据可以是基本类型，也可以是对象类型

1.基本类型的数据

• 响应式依然是靠 Object.defineProperty() 的 get 与 set 完成的

2.对象类型的数据

• 内部“求助”了 Vue3.0 中的一个新函数 —— reactive 函数