对vue3中reactive、toref、torefs、ref的详细理解
迪丽瓦拉
2024-05-31 22:14:38
0次
reactive：将平常的一个对象转换成响应式对象。所谓的响应式对象就是当页面点击修改此对象时，页面无需刷新而在页面上的其他地方有用到这个对象的地方会自动同步修改过来例如：
{{obj.name}}{{obj.age}}
当点击修改时名字会变成lisi，如果不加reactive()则不是响应式对象，即修改的时候页面数据不会改变
toref：将响应式对象中的一个属性变成响应式属性，相当于单列出来一个数据但是这个数据的值还和原响应式对象的值关联在一起。修改其值需要额外添加一个.value即对其.value进行修改才有效。例如：
{{name}}{{obj.name}}{{obj.age}}
torefs：是将响应式对象中的所有的属性变成单独的响应式数据而且也和院对象中的值相关联着。例如：
{{name}}{{age}}{{obj.name}}{{obj.age}}
ref主要是用来定义单独的一个数据(非对象)为响应式数据。例如：
{{name}}{{age}}