vue3之ref


ref函数

作用 : 定义一个响应式的数据

语法 : const xx = ref(value)

  创建一个包含响应式数据的引用对象(reference对象)

  js中操作数据 : xx.value

  模板中读取数据,不需要.value,直接 : {{ xx }}

注意 : 

  1.接受的数据可以是基本类型,也可以是对象类型

  2.基本类型的数据 : 响应式依然依靠 object.defineProperty()的get和set来完成

  3.对象类型的数据 : 内部依靠vue3的一个新函数 ( reactive函数 )