2024-12-11 vue3(day2)

监视ref基本类型

监视ref对象类型,正常情况他只监视person的最外层的地址,如果要监视内部属性,需要在第三个参数配置项中添加deep: true开启深度监视

监视reactive对象类型,默认开启深度监视,且无法关闭深度监视

监视对象中的某个属性,推荐写成函数式,如果需要深度监听则添加deep: true

监视多个数据,用数组包裹

总结:监视ref基本类型直接用watch。监视ref对象类型用watch加deep: true。监视reactive对象类型直接watch会自动深度监听。监视对象中的某个属性写成函数形式,可添加deep: true。监听多个数据用数组包裹

通过ref绑定在dom上,进行dom操作

通过ref绑定在子组件上面,子组件再通过defineExpose暴露对应数据,然后父组件可以通过ref访问到暴露的数据

注:像defineProps和defineExpose这种是宏函数,不用从vue包中引入可以直接使用

vue3生命周期

相关推荐
成长ing1213816 分钟前
闪白效果
前端·cocos creator
Lazy_zheng19 分钟前
React架构深度解析:从 Stack 到 Fiber,解决 CPU 和 I/O 瓶颈问题
前端·react.js·前端框架
张元清20 分钟前
什么是React并发模式中的Tearing(撕裂)
前端·面试
AndyLaw21 分钟前
统计字符数错一半,我被 length 坑了两次
前端·javascript
关羽的小刀22 分钟前
Element-UI最新版暗藏Lodash漏洞?一次真实项目安全排查记录
前端
张志鹏PHP全栈22 分钟前
Vue3第五天,ref 和 reactive的介绍和区别
前端·vue.js
郭邯24 分钟前
import.meta对象是什么?
前端
用泥种荷花40 分钟前
【NPM 笔记(一)】NPM 入门知识:命令、依赖与脚本核心
前端
大巨头41 分钟前
在vscode中使用通义灵码插件记录分享
前端
江城开朗的豌豆43 分钟前
Vue/React凭什么吊打传统前端?6年老司机带你揭秘它们的性能杀招!
前端·javascript·vue.js