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

相关推荐
tao35566712 小时前
【用AI学前端】HTML-02-HTML 常用标签(基础)
前端·html
2601_9495328412 小时前
Psello HTML Template: A Developer‘s Deep-Dive Review and Guide - Download Free
前端·windows·html·seo·wordpress·gpl
CappuccinoRose12 小时前
CSS前端布局总指南
前端·css·学习·布局·flex布局·grid布局·float布局
穿过锁扣的风12 小时前
如何操作HTML网页
前端·javascript·html
San30.12 小时前
从零构建坚固的前端堡垒:TypeScript 与 React 实战深度指南
前端·react.js·typescript
yunhuibin12 小时前
VideoPipe环境搭建及编译ubuntu240403
前端·人工智能
CHANG_THE_WORLD13 小时前
PDF文档结构分析 一
前端·pdf
东东51613 小时前
果园预售系统的设计与实现spingboot+vue
前端·javascript·vue.js·spring boot·个人开发
rainbow688913 小时前
Python学生管理系统:JSON持久化实战
java·前端·python
打小就很皮...13 小时前
React Router 7 全局路由保护
前端·react.js·router