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

相关推荐
天蓝色的鱼鱼几秒前
Vue Router 动态路由完全指南:灵活掌控前端路由
前端·vue.js
β添砖java8 分钟前
CSS定位布局
前端·css·html
whysqwhw14 分钟前
整个 KMP 的日期时间工具
前端
jump68043 分钟前
Promise详细解析
前端
火柴就是我1 小时前
每日扫盲之TypeScript UMD 模块类型定义
前端
一点一木1 小时前
🚀 2025 年 09 月 GitHub 十大热门项目排行榜 🔥
前端·人工智能·github
lyj1689971 小时前
CSS中 min() max() clamp()函数
前端·javascript·css
年年测试1 小时前
Playwright web爬虫与AI智能体
前端·人工智能·爬虫
yi碗汤园1 小时前
【一文了解】C#的StringComparison枚举
开发语言·前端·c#
光影少年1 小时前
Promise.all实现其中有一个接口失败其他结果正常返回,如何实现?
前端·promise·掘金·金石计划