Vue3 - 生命周期钩子函数（组合式 API）

前言

Vue 是组件化编程，从一个组件诞生到消亡会经历很多过程，这些过程就叫做生命周期。而伴随着生命周期，给用户使用的函数，就叫钩子函数，实际为操控生命周期。

本文主要对比 Vue2 生命周期，引出并展开 Vue3 生命周期的介绍，最后做一下整体的总结。

如果您仅需要速览，请查阅如下表格：

Vue2.X (选项式 API)	Vue3.X (组合式 API)
beforeCreate	setup()
created	setup()
beforeMount	onBeforeMount
mounted	onMounted
beforeUpdate	onBeforeUpdate
updated	onUpdated
beforeUnmount	onBeforeUnmount
unmounted	onUnmounted
errorCaptured	onErrorCaptured
renderTracked	onRenderTracked
renderTriggered	onRenderTriggered
activated	onActivated

Vue3 - 生命周期钩子函数（组合式 API）相关推荐

vue3生命周期钩子函数
vue2生命周期钩子函数视图 vue3生命周期钩子函数视图代码 // 通过配置项 beforeCreate () { console.log('beforeCreate'); }, created ...
Vue3 生命周期钩子函数
一.Vue3生命周期钩子 setup() : 开始创建组件之前,在 beforeCreate 和 created 之前执行,创建的是 data 和 method onBeforeMount() : 组 ...
Vue选项式 API 的生命周期选项和组合式 API
Vue2.Vue3 生命周期的变化正好在看Vue的官方文档,也正好比对一下,做一下笔记选项式 API 的生命周期选项的变化这里我们会发现Vue3对Vue2的生命周期钩子似乎没有做大的调整修改 ...
reactjs组件生命周期：componentWillReceiveProps及新旧版本生命周期钩子函数对比
reactjs组件生命周期:componentWillReceiveProps及新旧版本生命周期钩子函数对比
详解Vue八大生命周期钩子函数
摘要:Vue为生命周期中的每个状态都设置了钩子函数(监听函数) .每当Vue实例处于不同的生命周期时,对应的函数就会被触发调用. 本文分享自华为云社区<一文带你弄懂Vue八大生命周期钩子函数&g ...
不来看看这些 VUE 的生命周期钩子函数？ | 原力计划
作者 | huangfuyk 责编 | 王晓曼出品 | CSDN 博客 VUE的生命周期钩子函数:就是指在一个组件从创建到销毁的过程自动执行的函数,包含组件的变化.可以分为:创建.挂载.更新.销毁四 ...
uni-app中的生命周期钩子函数
1.应用级(App)生命周期钩子函数--App.vue -- 类似于小程序 onLaunch:应用启动了,每次运行只能执行一次 onShow:应用再次显示出来,每次显示出来都会调用 onHide:应用 ...
实战 Vue 之生命周期钩子函数执行顺序
实战 Vue 之生命周期钩子函数执行顺序生命周期钩子函数父组件与子组件执行顺序生命周期钩子函数 beforeCreate:实例刚被创建出来,data 数据和 methods 方法还未被初始化,不 ...
vue的组件/data的参数/组件传值/插槽/侦听器/生命周期钩子函数
目录组件结构组件的命名规则: 组件的data参数 <font color='red'> 组件的父子传值prop(通信) <font color='red'>组件的子--&g ...

Vue3 - 生命周期钩子函数（组合式 API）

前言

Vue3 - 生命周期钩子函数（组合式 API）相关推荐

最新文章

热门文章