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

相关推荐
AiMan1 小时前
Poe还是不可以导出左侧所有对话,只能单条内容导出,方法不对吗
前端
AiMan1 小时前
文心生成的内容能否下载吗?
前端
前端双越老师2 小时前
程序员 1v1 访谈系列第十四期:接受焦虑 拥抱不确定
前端·ai编程·全栈
deli0073 小时前
MCP 协议 6 条消息拆开看:AI 为什么能自己读文件调接口
前端
风骏时光牛马3 小时前
请告诉我标题对应的内容、想要的风格,我马上给你生成。
前端
deli0073 小时前
OAuth 2.0 授权码流程实测:4 次跳转,少个 state 就被劫持
前端
deli0076 小时前
手机20%突然关机?电量百分比是估的,SOC曲线4组实测
前端
深蓝AI16 小时前
Meta 开源用了八年的设计系统 astryx:连坐两天 GitHub 总榜第一,组件库开始写给 agent 的说明书
前端·人工智能
IT_陈寒17 小时前
Vue的watch把我坑惨了,原来要这样用才靠谱
前端·人工智能·后端