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

文章目录

区别

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

使用场景

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

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

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

相关推荐
Gomiko1 分钟前
JavaScript基础(九):内部对象
开发语言·javascript·udp
天意__2 分钟前
Flutter开发,scroll_to_index适配flutter_list_view
前端·flutter
吉星9527ABC4 分钟前
表示离散量的echarts图型示例
前端·arcgis·echarts·离散量web展示
光影少年6 分钟前
web3学习路线
前端·学习·前端框架·web3
克喵的水银蛇6 分钟前
Flutter 状态管理:Provider 入门到实战(替代 setState)
前端·javascript·flutter
鹏多多8 分钟前
flutter-使用url_launcher打开链接/应用/短信/邮件和评分跳转等
android·前端·flutter
刻刻帝的海角9 分钟前
响应式数据可视化 Dashboard
开发语言·前端·javascript
小飞侠在吗10 分钟前
vue3 中的 ref 和 reactive
前端·javascript·vue.js
0思必得011 分钟前
[Web自动化] 开发者工具控制台(Console)面板
前端·javascript·python·自动化·web自动化·开发者工具
zhixingheyi_tian12 分钟前
TestDFSIO 之 热点分析
android·java·javascript