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

相关推荐
SuperEugene4 分钟前
Vue3 前端配置驱动避坑:配置冗余、渲染性能、扩展性问题解决|配置驱动开发实战篇
前端·javascript·vue.js·驱动开发·前端框架
JianZhen✓7 分钟前
从零到一:基于声网Agora的医疗视频问诊前端实战指南
前端·音视频
GISer_Jing9 分钟前
LangChain浏览器Agent开发全攻略
前端·ai·langchain
小李子呢021118 分钟前
前端八股---脚手架工具Vue CLI(Webpack) vs Vite
前端·vue.js·webpack
2401_8858850420 分钟前
群发彩信接口怎么开发?企业级彩信发送说明
前端·python
PILIPALAPENG22 分钟前
第2周 Day 5:前端转型AI开发,朋友问我,你到底在折腾啥?
前端·人工智能·python
Mintopia27 分钟前
前端卡顿的真相:不是你代码慢,是你阻塞了
前端
kyriewen28 分钟前
可选链 `?.`——再也不用写一长串 `&&` 了!
前端·javascript·ecmascript 6
Mintopia29 分钟前
别再乱加缓存:一套判断"该不该缓存"的方法
前端
Leisureconfused31 分钟前
【记录】Node版本兼容性问题及解决
前端·vue.js·npm·node.js