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('在组件被挂载之后')
	});
	
相关推荐
我叫张小白。7 小时前
Vue3监视系统全解析
前端·javascript·vue.js·前端框架·vue3
凯小默7 小时前
05-初始化登录页面和加入校验规则
vue3
凯小默1 天前
04-封装路由初始化方法
vue3
草木红2 天前
vite 安装 vue3 和 tailwindcss
vue3·vite·tailwindcss
凯小默3 天前
vue3-10-计算属性以及get跟set
vue3
Eshine、4 天前
解决前端项目中,浏览器无法正常加载带.gz名称的文件
前端·vue3·.gz·.gz名称的js文件无法被加载
Light604 天前
Vue3 关键字速查表:从入门到进阶的全景指南
vue3·前端开发·响应式编程·组合式api·ai集成
清静诗意9 天前
独立 IoT 客户端绕过 Django 生命周期导致数据库断链:诊断与修复
python·mysql·django·生命周期
清静诗意10 天前
Django 生命周期全流程图
django·生命周期
你说啥名字好呢11 天前
【Vue 渲染流程揭秘】
前端·javascript·vue.js·vue3·源码分析