ref函数

作用

定义一个响应式对象

语法

import {ref} from 'vue'
setup(){
    const xxx = ref(initValue)  // initValue初始值
}

• 创建一个包含响应式数据的引用对象（reference对象）
• js中操作数据方式： xxx.value
• 模板中使用该响应式数据不需要.value

备注

• 接收的数据可以是：基本类型、也可以是对象类型。
• 基本类型的数据：响应式依然是靠Object.defineProperty()的get与set完成的。
• 对象类型的数据：内部 "求助" 了Vue3.0中的一个新函数 ---- reactive函数