如果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()

相关推荐
徐小夕16 分钟前
JitWord Office预览引擎:如何用Vue3+Node.js打造丝滑的PDF/Excel/PPT嵌入方案
前端·vue.js·github
SuperEugene2 小时前
后台权限与菜单渲染:基于路由和后端返回的几种实现方式
前端·javascript·vue.js
SuperEugene2 小时前
弹窗与抽屉组件封装:如何做一个全局可控的 Dialog 服务
前端·javascript·vue.js
北冥有鱼2 小时前
JSON或代码对比的工具-vue
vue.js
SuperEugene2 小时前
组合式函数 、 Hooks(Vue2 mixin 、 Vue3 composables)的实战封装
前端·javascript·vue.js
wuhen_n2 小时前
模板编译三阶段:parse-transform-generate
前端·javascript·vue.js
滕青山2 小时前
正则表达式测试 在线工具核心JS实现
前端·javascript·vue.js
wuhen_n3 小时前
Fragment 与 Portal 的特殊处理
前端·javascript·vue.js
SuperEugene20 小时前
表单最佳实践:从 v-model 到自定义表单组件(含校验)
前端·javascript·vue.js
我叫黑大帅1 天前
Vue3和Uniapp的爱恨情仇:小白也能懂的跨端秘籍
前端·javascript·vue.js