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

相关推荐
海上彼尚10 分钟前
npm、yarn、pnpm三者的异同
前端·npm·node.js
余生H10 分钟前
前端的 Python 入门指南(六):调试方式和技巧对比
开发语言·前端·javascript·python
m0_7482370514 分钟前
前端报错npm ERR cb() never called问题
前端·npm·node.js
818源码资源站25 分钟前
Ripro V5日主题 v8.3 开心授权版 wordpress主题虚拟资源下载站首选主题模板
前端
低代码布道师31 分钟前
第二篇:脚手架搭建 — React 和 Express 的搭建
前端·react.js·express
m0_748238781 小时前
前端文件预览整合(一)
前端·状态模式
程序员大金1 小时前
基于SpringBoot+Vue的高校电动车租赁系统
前端·javascript·vue.js·spring boot·mysql·intellij-idea·旅游
莫惊春1 小时前
HTML5 第七章
前端·html·html5
莫惊春1 小时前
HTML5 第六章
前端·html·html5
m0_748256562 小时前
前端新手教程:HTML、CSS 和 JavaScript 全面详解及实用案例
前端·css·html