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('在组件被挂载之后')
	});
	
相关推荐
Amd7949 小时前
Nuxt.js 应用中的 app:mounted 钩子详解
生命周期·nuxt.js·钩子函数·组件渲染·dom操作·vue应用·app:mounted
碳苯1 天前
【rCore OS 开源操作系统】Rust mod模块和static生命周期 知识点及练习题
rust·操作系统·生命周期·模块·os
Amd7941 天前
Nuxt.js 应用中的 app:beforeMount 钩子详解
生命周期·初始化·数据加载·钩子·用户认证·nuxtjs·应用优化
Amd7943 天前
Nuxt.js 应用中的 app:rendered 钩子详解
生命周期·nuxt.js·服务器渲染·日志记录·性能监控·钩子函数·ssr优化
Amd7945 天前
理解 Vue 的 setup 应用程序钩子
vue·生命周期·组件·方法·响应式·计算属性·setup
一雨方知深秋6 天前
Element-plus安装及其基础组件使用
javascript·css·html·vue3·element-plus
清晨-阳光zx6 天前
vue-i18n在使用$t时提示类型错误
vue3·vue-i18n
陈逸子风6 天前
从0到1搭建权限管理系统系列四 .net8 中Autofac的使用(附源码)
vue3·webapi·权限·流程·表单
苍风的心上人7 天前
uniapp 使用Vue3 setup引入 uniapp 的onReachBottom
uni-app·vue3
wocwin7 天前
Vue3 + element-plus el-table二次封装组件新增虚拟滚动功能
vue.js·vue3·el-table·element-plus·virtual·虚拟滚动·table虚拟列表