如果reactive绑定的数据没有双向绑定

只能用于对象类型 (array map set weakmap weakset Object这样的集合类型)。

不能持有如 string、number 或 boolean 这样的原始类型。

不能替换整个对象

对解构操作不友好:当我们将响应式对象的原始类型属性解构为本地变量时,或者将该属性传递给函数时,我们将丢失响应性连接:

解构reactiveHook.ts

function useMousePosition() {

const pos = reactive({

x: 0,

y: 0,

})

return toRefs(pos)

}

// x & y 现在是 ref 形式了!

const { x, y } = useMousePosition()

相关推荐
yume_sibai4 小时前
Element Plus 数据展示组件完全指南(15个核心组件)
前端·javascript·vue.js
weixin_4225554213 小时前
el-menu子菜单点击就被激活,恢复之前的激活状态
javascript·vue.js·elementui
honkun615 小时前
vue 表格组件 vxe-table 实现拖拽列字段自动生成透视表汇总
前端·javascript·vue.js
leoZ23116 小时前
第 4 篇:布局骨架——页面壳、栅格、卡片
前端·javascript·vue.js·opencv·计算机视觉·数据挖掘·语音识别
何以解忧,唯有..16 小时前
Vue 3 模板语法详解:从插值到指令的完整指南
前端·javascript·vue.js
雪芽蓝域zzs18 小时前
第十四节:后端返回权限动态路由
前端·javascript·vue.js
Rain50918 小时前
谁动了我的 URL?——记一次微前端“灵异 Bug“的排查实录
前端·vue.js·人工智能·前端框架·bug·ai编程
何以解忧,唯有..19 小时前
Vue 3 响应式核心:ref() 与 reactive() 的深入解析与实战
前端·javascript·vue.js
宿6741 天前
vue3-async
前端·javascript·vue.js
Dreams°1231 天前
【Java后端+Vue前后端分离:内网正常、公网访问异常|5个高频经典踩坑完整复盘】
java·开发语言·vue.js