首页 > 其他分享 >vue3 生命周期06

vue3 生命周期06

时间:2024-03-13 17:01:44浏览次数:22  
标签:生命周期 console log onMounted vue2 vue3 06

众所周知,vue2有生命周期,而vue3也有

而vue2的created和beforecreated在vue3中都由setup替代了
<script setup lang="ts">
import { onBeforeMount, onMounted, onBeforeUpdate, onUpdated,onBeforeUnmount,onUnmounted } from 'vue'
console.log('创建生命周期')
onBeforeMount(() => {
  console.log('挂载前')
})
onMounted(() => {
  console.log('挂载完毕')
})
onBeforeUpdate(() => {
  console.log('更新前')
})
onUpdated(() => {
  console.log('更新完毕')
})
onBeforeUnmount(() => {
  console.log('卸载前')
})
onUnmounted(() => {
  console.log('卸载完毕')
})
</script>

<template>
  <div>

  </div>
</template>

<style scoped></style>

  

标签:生命周期,console,log,onMounted,vue2,vue3,06
From: https://www.cnblogs.com/wencaiguagua/p/18070965

相关文章

  • GB4806.8食品包装纸袋、纸杯、纸饭盒 广东检测机构 重点实验室
    什么是食品接触用纸?食品接触用纸和纸板材料及制品指的是在正常使用条件下,各种已经或预期可能与食品或食品添加剂(以下简称食品)接触,或其成分可能转移到食品中的纸和纸板材料及制品,包括涂蜡纸、硅油纸和纸浆模塑制品等。2022年7月28日,卫生健康委、市场监管总局联合发布36项食品......
  • day 06-1 数据类型(列表)
    day06列表常见的数据类型int,整数类型(整型)bool,布尔类型str,字符串类型list,列表类型:用于储存一些数据的容器(有序&可修改),动态的容器tuple,元组类型:用于储存一些数据的容器(有序&不可修改),固定的容器dict,字典类型set,几何类型float,浮点类型(浮点型)1列表列表(list),是一......
  • vue3 循环引用的解决办法问题,Cannot access ‘xxxx‘ before initialization
    ReferenceError:Cannotaccess‘xxxx‘beforeinitialization ,原因之前已经初始化过,但页面组件嵌套,需要被重复引用。1、开启异步引用来解决components:{DeviceManage:defineAsyncComponent(()=>import('@/views/operation/mechanism/index.vue'))}2、用ifrme来......
  • 大模型时代企业知识全生命周期管理解决方案
    ©作者|Zhongmei来源|神州问学 摘要 越来越多的企业开始意识到数据的重要性。同时意识到,企业想保持长远的发展,还需要协调组织协作、利用现有的数据沉淀经验知识、累积数据资产。据IDC调查,目前企业结构化数据仅占到全部数据量的20%,其余80%都是以文件形式存在的非结构化......
  • CVE-2023-48906
    github:https://github.com/bluekitchen/btstack/issues/546Inthebtstacksourcecode,wecanfindaninterestingpieceofcode.charchar_for_nibble(intnibble){staticconstchar*char_to_nibble="0123456789ABCDEF";if(nibble<1......
  • Vue的生命周期
    Vue的生命周期Vue的生命周期指的是vm对象从创建到最终销毁的整个过程,在这个过程中不同的时间节点上调用不同的钩子函数(在不同时刻被自动调用的函数)虚拟DOM在内存中就绪时:去调用一个a函数虚拟DOM转换成真实DOM渲染到页面时:去调用一个b函数Vue的data发生改变时:去调用一个......
  • 动态缓存单个页面-vue3-实现思路
    状态管理定义-全局状态属性`keepNameArray``noKeepNameArray` (为数组)动态组件缓存设置<keep-alive:include="keepNameArray":exclude="noKeepNameArray"><component:is="Component"/></keep-alive>该文件获取keepNameArray和noKeepNameA......
  • 【VINKA原厂技术支持】电源供电系列高稳定性抗电压波动 6按键/通道触摸触控芯片VK3606
    概述 VK3606D具有6个触摸按键,可用来检测外部触摸按键上人手的触摸动作。该芯片具有较高的集成度,仅需极少的外部组件便可实现触摸按键的检测。提供了6路1对1直接输出低电平有效。最长输出时间10S。芯片内部采用特殊的集成电路,具有高电源电压抑制比,可减少按键检测错误的发生,此特......
  • MBR4060DC-ASEMI光伏专用二极管MBR4060DC
    编辑:llMBR4060DC-ASEMI光伏专用二极管MBR4060DC型号:MBR4060DC品牌:ASEMI封装:TO-263最大平均正向电流(IF):40A最大循环峰值反向电压(VRRM):60V最大正向电压(VF):V工作温度:-65°C~150°C反向恢复时间:ns重量:1.38克芯片个数:4芯片尺寸:130mil正向浪涌电流(IFMS):300AMBR4060DC特性:耐压......
  • 06-TDesign组件库
    TDesign具有统一的价值观,一致的设计语言和视觉风格,帮助用户形成连续、统一的体验认知。在此基础上,TDesign提供了开箱即用的UI组件库、设计指南和相关设计资产,以优雅高效的方式将设计和研发从重复劳动中解放出来,同时方便大家在TDesign的基础上扩展,更好的的贴近业务需求。......