You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
19 lines
780 B
19 lines
780 B
【ref 对比 reactive】
|
|
宏观角度看:
|
|
ref用来定义:基本类型数据、对象类型数据;
|
|
reactive用来定义:对象类型数据。
|
|
|
|
区别:
|
|
ref创建的变量必须使用.value(可以使用volar插件自动添加.value)。
|
|
自动补充value
|
|
|
|
reactive重新分配一个新对象,会失去响应式(可以使用Object.assign去整体替换)。
|
|
|
|
使用原则:
|
|
若需要一个基本类型的响应式数据,必须使用ref。
|
|
若需要一个响应式对象,层级不深,ref、reactive都可以。
|
|
若需要一个响应式对象,且层级较深,推荐使用reactive。
|
|
|
|
【toRefs 与 toRef】
|
|
作用:将一个响应式对象中的每一个属性,转换为ref对象。
|
|
备注:toRefs与toRef功能一致,但toRefs可以批量转换。
|