目标:掌握使用ref函数定义响应式数据,一般用于简单类型数据,但是也可以用于复杂数据类型(注意:
3.0的ref是一个函数,并不是2.x中元素一个ref属性
)
定义响应式数据:
- ref函数, 常用于简单数据类型定义响应式数据。
- 在修改值,获取值的时候,需要 点(.) value。
- 在模板中使用ref声明的响应式数据,可以省略.value.(模板中会自行判断是否ref类型响应式数据)
模板中通过v_isRef判断是否是ref响应式数据
ref也可以用于复杂数据类型
使用场景:请求后端数据时候,返回是什么数据,我们不是确定的(我们定义的数据类型是未知的),我们可以使用ref(null),或者ref([]),等等之类的。
ref和reactive使用场景区分
- 当你明确知道需要的是一个响应式数据 对象那么就使用reactive即可。
- 其他情况都是用ref