vue3 生命周期

与 2.x 版本生命周期相对应的组合式 API

beforeCreate -> 使用 setup()
created -> 使用 setup()
beforeMount -> onBeforeMount
mounted -> onMounted
beforeUpdate -> onBeforeUpdate
updated -> onUpdated
beforeDestroy -> onBeforeUnmount
destroyed -> onUnmounted
errorCaptured -> onErrorCaptured

使用

javascript 复制代码
	import {onBeforeMount,onMounted } from 'vue'
	
	//在组件被挂载之前调用
	onBeforeMount(()=>{
	   console.log('组件被挂载之前')
	})
	//在组件被挂载之后调用
	onMounted(() => {
	   console.log('在组件被挂载之后')
	});
	
相关推荐
学前端的小朱8 小时前
Echarts实现大屏可视化
websocket·echarts·nodejs·vue3·vite·koa·cors
&活在当下&6 天前
element plus的table组件,点击table的数据是,会出现一个黑色边框
vue3·element plus
&活在当下&6 天前
Element plus 下拉框组件选中一个选项后显示的是 value 而不是 label
前端·javascript·vue3·element plus
瑶琴AI前端7 天前
从0到1实现vue3+vite++elementuiPlus+ts的后台管理系统(一)
前端·typescript·vue3
谢道韫6669 天前
鸿蒙面试-----鸿蒙组件生命周期详解
华为·面试·生命周期·harmonyos
俺不理解9 天前
Android Compose 悬浮窗
android·生命周期·compose·悬浮窗
哆啦 AI 梦9 天前
【Maven】生命周期和插件详解
maven·生命周期·插件·插件目标
啊·贤15 天前
初级报错:循环引用
前端·javascript·vue3·axios
代码老祖17 天前
vue3+view-ui-plus+vite+less 实现自定义iview样式
前端·ui·vue3·vite·view design
i紸定i19 天前
uniapp使用ucharts修改Y、X轴标题超出换行
微信小程序·小程序·uni-app·vue·vue3·ucharts