网站百度收录批量查询,陕西电商网站建设,备案域名购买完过户简单吗,网站开发高级证一、ref、reactive
setup 函数中默认定义的变量并不是响应式的#xff08;即数据变了以后页面不会跟着变#xff09;#xff0c;如果想让变量变为响应式的变量#xff0c;需要使用 ref 和 reactive 函数修饰变量。
ref 函数可以把基本类型变量变为响应式引用reactive 函数…一、ref、reactive
setup 函数中默认定义的变量并不是响应式的即数据变了以后页面不会跟着变如果想让变量变为响应式的变量需要使用 ref 和 reactive 函数修饰变量。
ref 函数可以把基本类型变量变为响应式引用reactive 函数可以把复合类型的变量变为响应式的引用。
1.ref
ref用于为数据添加响应式状态本质是将一个数据变成一个对象这个对象具有响应式特点。获取数据值需要加.value因为reactive只能传入对象类型的参数所以基本数据类型添加响应式状态只能用refref也可以定义复杂的数据ref底层使用的是proxy代理函数实现双向绑定proxy 函数必须要接收一个对象如果想修改 name 的值需要使用 name.value。
2.relative 二、toRef、toRefs
1.toRef:
只希望转换一个reactive对象中的属性为ref, 那么可以使用toRef的方法toRef接收两个参数第一个参数是哪个对象第二个参数是对象的哪个属性。toRef当数据发生改变时界面不会自动更新获取数据值需要加.value
2.toRefs
我们希望将对象的多个属性都变成响应式数据并且要求响应式数据和原始数据关联并且更新响应式数据的时候不更新界面就可以使用toRefs用于批量设置多个数据为响应式数据。
