vue3 ref和reactive的区别和使用场景

文章目录

• 区别
• 使用场景

区别

ref 创建的变量必须使用.value(可以使用 volar 插件自动添加.value )
reactive重新分配一个新对象，会失去响应式(可以使用 0bject.assign 去整体替换)

使用场景

1.若需要一个基本类型的响应式数据，必须使用ref

2.若需要一个响应式对象，层级不深，ref、 reactive 都可以

3.若需要一个响应式对象，且层级较深，推荐使用reactive（例如：收集表单数据、表单数据回显使用）