const state = reactive({ name: 'dashboard', userInfo: null, hasBack: false }) return { ...toRefs(state), }
reactive 只能用于比较复杂的数据类型
ref可用于任何类型的数据创建响应式
torefs是因为把reactive的值转成ref型,如果不转就不能响应式。
- toRef 用于创建对象指定的属性响应式,换句话说就是只能控制一个对象中的一个属性。
- toRefs 用于创建对象响应式。
const state = reactive({ name: 'dashboard', userInfo: null, hasBack: false }) return { ...toRefs(state), }
reactive 只能用于比较复杂的数据类型
ref可用于任何类型的数据创建响应式
torefs是因为把reactive的值转成ref型,如果不转就不能响应式。
下一篇:函数的调试与部署
都是用于创建响应式数据的方法。它们之间的主要区别在于它们的使用方式和返回值类型。用于创建响应式的引用对象,只能包含基本类
ref和reactive区别
ref:为值类型数据添加响应式状
vue3项目中关于ref、toRef、toRefs的使用详解
举报文章
请选择举报类型
补充说明
0/200
上传截图
格式支持JPEG/PNG/JPG,图片不超过1.9M