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

相关推荐
木头没有瓜1 小时前
在 Windows 中清理依赖node_modules并重新安装
vue.js
不吃香菜的猪2 小时前
el-upload实现文件上传预览
前端·javascript·vue.js
dcloud_jibinbin3 小时前
【uniapp】小程序体积优化,分包异步化
前端·vue.js·webpack·性能优化·微信小程序·uni-app
qq_427506083 小时前
基于Vue 3和Element Plus实现简单的钩子函数管理各类弹窗操作
前端·javascript·vue.js
六月的可乐6 小时前
实战干货-Vue实现AI聊天助手全流程解析
前端·vue.js·ai编程
一 乐6 小时前
智慧党建|党务学习|基于SprinBoot+vue的智慧党建学习平台(源码+数据库+文档)
java·前端·数据库·vue.js·spring boot·学习
暴富的Tdy7 小时前
【基于 WangEditor v5 + Vue2 封装 CSDN 风格富文本组件】
vue.js·wangeditor·富文本
开发者小天8 小时前
React中的componentWillUnmount 使用
前端·javascript·vue.js·react.js
永远的个初学者9 小时前
图片优化 上传图片压缩 npm包支持vue(react)框架开源插件 支持在线与本地
前端·vue.js·react.js
杰克尼9 小时前
vue_day04
前端·javascript·vue.js