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

相关推荐
whyfail19 小时前
Vue原理(暴力版)
前端·vue.js
Bigger19 小时前
Coco AI 技术演进:Shadcn UI + Tailwind CSS v4.0 深度迁移指南 (踩坑实录)
前端·css·weui
踢球的打工仔19 小时前
jquery的基本使用(3)
前端·javascript·jquery
前端无涯19 小时前
Trae的使用
前端·ide·trae
WG_1719 小时前
Linux:进程控制
前端·chrome
[seven]20 小时前
React Router TypeScript 路由详解:嵌套路由与导航钩子进阶指南
前端·react.js·typescript
无我Code20 小时前
前端-2025年末个人总结
前端·年终总结
文刀竹肃20 小时前
DVWA -SQL Injection-通关教程-完结
前端·数据库·sql·安全·网络安全·oracle
LYFlied20 小时前
【每日算法】LeetCode 84. 柱状图中最大的矩形
前端·算法·leetcode·面试·职场和发展