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生命周期

相关推荐
勘察加熊人17 分钟前
fastapi+angular外卖系统
前端·fastapi·angular.js
一 乐21 分钟前
农业电商|基于SprinBoot+vue的农业电商服务系统(源码+数据库+文档)
前端·javascript·数据库·vue.js·农业电商
mysusheng28 分钟前
Chrome 浏览器的很多扩展不能用了
前端·chrome
yeyuningzi29 分钟前
关于软航OFFICE文档控件软件在Chrome 133版本上提示扩展已停用的原因及处理办法
前端·扩展程序·manifest v3·ntko office控件·manifest v2·chrome 扩展机制变化
星空寻流年36 分钟前
css盒子模型第二章(margin padding border content)
前端·css
全宝36 分钟前
❤️前端boy该如何上手HarmonyOS?
前端·harmonyos
fruge37 分钟前
【vue2 + Cesium】相机视角移动+添加模型、模型点击事件
前端
henujolly1 小时前
如何进行技术选型?
前端
束尘1 小时前
React前端开发中实现断点续传
前端·javascript·react.js
一蓑烟雨,一任平生1 小时前
React-state响应式内部数据(类组件&Hook两种方式整理)
前端·javascript·react.js