1、在vue2中我们知道ref是一个标签属性,用来获取DOM,但是在vu3中的ref是一个函数,作用是定义一个响应式数据
2、语法:const xxx = ref(属性初始值)
- 创建了一个包含响应式数据的引用对象(reference对象,简成为ref对象)
- JS中操作数据:xxx.value
- 模版中读取数据:不用.value,直接:{{xxx}}
- 代码截图:
3、接受的数据:基本类型、也可以是对象类型
- 基本类型的数据:响应式依然靠Object.defineProperty()的get与set完成的
- 对象类型:内部求助了Vue3.0的一个新的函数---reactive函数,该函数返回了一个代理器对象(Proxy对象)
- 代码截图:
4、vue2跟vue3中ref对比
- Vue2的ref是一个标签属性,获取DOM
- Vue3里面的ref是一个函数则是用来定义数据响应