Vue3 ---- ref函数

• 作用：定义一个响应式的数据
• 语法：const xxx = ref(initValue)
  • 创建一个包含响应式数据的引用对象（reference对象，简称ref对象）。
  • JS中操作数据：xxx.value
  • 模板中读取数据：不需要 .value，直接 <div> {{xxx}} </div>
• 注意：
  • 接收的数据可以是：基本类型、也可以是对象类型。
  • 基本类型的数据：响应式依然是靠 Object.defineProperty() 的get 与 set 完成的。
  • 对象类型的数据：内部“求助”了Vue3.0中新函数 ---reactive函数。(proxy函数封装在reactive里)

reactive 知识点跳转