VUE3组合api的钩子函数生命周期

选项API生命周期选项和Composition API之间的映射
beforeCreate------>使用setup()
created------>使用setup（）
beforeMount--------->onBeforeMount
mounted-------->onMounted
beforeUpdate------------>onBeforeUpdate
updated---------->onUpdated
beforeUnmout----------->onBeforeUnmount
unmounted---------->onUnmounted

这些生命周期钩子函数只能在setup()函数中使用

<template><div><p>{{count}}</p><button @click="change">修改</button></div>
</template><script>import {ref,onBeforeMount,onMounted,onBeforeUpdate,onUpdated,onBeforeUnmount,onUnmounted} from 'vue'export default{setup(){console.log('setup')onBeforeMount(() =>{console.log('onBeforeMount')})onMounted(()=>{console.log('onMounted')})onBeforeUpdate(()=>{console.log('onBeforeUpdate')})onUpdated(()=>{console.log('onUpdated')})onBeforeUnmount(()=>{console.log('onBeforeUnmount')})onUnmounted(()=>{console.log('onUnmounted')})const count=ref(1)const change=()=>{count.value=6}return{count,change}}}
</script><style>
</style>

VUE3组合api的钩子函数生命周期相关推荐

Vue3 Composition API（三）——生命周期钩子、Provide函数和 Inject函数、封装Hook案例、setup顶层编写方式
一.生命周期钩子我们前面说过 setup 可以用来替代 data . methods . computed .watch 等等这些选项,也可以替代生命周期钩子. 那么setup中如何使用生命周期函 ...
c语言中的钩子函数,生命周期（vue的钩子函数）
生命周期图示创建前,创建后,挂载前,挂载后,更新前,更新后,销毁前,销毁后 beforeCreate:function(){ console.log('1-beforeCreate 组件还未被创建' ...
关于vue的钩子函数+生命周期
https://segmentfault.com/a/1190000008010666 转载于:https://www.cnblogs.com/llllpzyy/p/9711566.html
vue生命周期钩子,vue生命周期钩子,vue生命周期钩子
说一下vue的生命周期钩子函数: vue 的生命周期11个钩子函数是按照以下的顺序来的 :(不可逆转哦,第11个除外) 一. 组件创建前后 1.beforeCreate 2.created 如,写一个 ...
Vue3通透教程【四】Vue3组合API初体验
文章目录
Vue生命周期及其钩子函数
vue的生命周期.生命周期函数,又叫钩子函数生命周期钩子===生命周期函数===生命周期事件目录一.Vue生命周期 1.vue实例从创建到销毁的过程 2.vue生命周期有4个阶段 3.父子 ...
VUE页面生命周期钩子函数
预备知识: 1.vue的生命周期生命周期函数,又叫钩子函数生命周期钩子===生命周期函数===生命周期事件 2. 什么是生命周期 Vue实例有一个完整的生命周期,也就是从开始创建.初始化数据. ...
vue生命周期（Life Cycle）函数详解
生命周期函数在某一时刻自动执行的函数生命周期是什么生命周期(Life Cycle)的概念应用很广泛,特别是在政治.经济.环境.技术.社会等诸多领域经常出现,其基本涵义可以通俗地理解为&qu ...
Pod资源管理进阶-Pod对象的生命周期
目录 Pod的生命周期 1.存活性探测行为属性 (Liveness probe) 2.Pod就绪性探测 3.Pod对象的相位 4.Pod的创建过程 5.Pod生命周期中的重要阶段 6.容器的重启策略 ...

VUE3组合api的钩子函数生命周期

VUE3组合api的钩子函数生命周期相关推荐

最新文章

热门文章