当前位置: 首页 > article >正文

【Uniapp-Vue3】组合式API中的组件的生命周期函数(钩子函数)

在Uniapp中生命周期函数用得较多的是onMounted和onUnmounted。

一、onMounted函数

如果我们想要获得DOM元素,就需要给DOM标签上添加ref属性,并定义一个相同属性名的变量。

但是我们输出这个DOM元素为NULL 

 如果我们使用onMounted就能获得到DOM元素,使用方式如下:

import {onMounted} from "vue";

onMounted(()=>{...})

 

这时候我们就能成功输出DOM元素。 

二、onUnmounted函数 

当我们在对组件进行销毁就会触发该函数,使用方法如下:

1. 子组件中配置

import {onUnmounted} from 'vue';

onUnmounted(()=>{...})

2. 父组件中配置 

想要实现组件的销毁非常简单,只需要使用v-if是它隐藏即可。


http://www.kler.cn/a/500515.html

相关文章:

  • 口碑很好的国产LDO芯片,有哪些?
  • Flutter 实现验证码输入框学习
  • Vue-Cli
  • Docker挂载配置文件方式运行Nginx
  • 【MySQL】SQL菜鸟教程(二)
  • 探索 Oracle 数据库:核心概念与实践指南
  • Spring Boot开发——结合Redis实现接口防止重复提交
  • 计算机网络之---TCP报文段
  • Spring Boot微服务中进行数据库连接池的优化?
  • java 如何判断两个List<String>集合是否存在交集
  • 机器学习数据预处理preprocessing
  • Redisson和可重入锁初认
  • Level DB --- filter_block
  • screenpipe - 全天候录制屏幕的 AI 助手
  • DDD - 微服务设计与领域驱动设计实战(上)_统一建模语言及事件风暴会议
  • Flink系统知识讲解之:Flink内存管理详解
  • 【STM32-学习笔记-1-】GPIO
  • CSS响应式
  • spring boot 集成 knife4j
  • 2024年有哪些人工智能书籍推荐?
  • Facebook 隐私变革之路:回顾与展望
  • 04:同步与互斥
  • 【教程】Unity 本地化多语种 | Localization 工具组