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

vue3——生命周期

时间:2022-09-04 21:12:33浏览次数:74  
标签:生命周期 beforeCreate 钩子 setup unmounted vue3

vue2.x的生命周期:

 

 

Vue3.0中可以继续使用Vue2.x中的生命周期钩子,但有有两个被更名:

  • beforeDestroy改名为 beforeUnmount

  • destroyed改名为 unmounted

Vue3.0也提供了 Composition API 形式的生命周期钩子,与Vue2.x中钩子对应关系如下:

  • beforeCreate===>setup()

  • created=======>setup()

  • beforeMount ===>onBeforeMount

  • mounted=======>onMounted

  • beforeUpdate===>onBeforeUpdate

  • updated =======>onUpdated

  • beforeUnmount ==>onBeforeUnmount

  • unmounted =====>onUnmounted

生命周期钩子是被暴露在vue实例上的,只需要调用使用就可以

我们需要将生命周期钩子导入项目,然后才能使用

 

在组合API中,使用setup()方法替换了beforeCreate和created,那么在这两个生命周期中的方法将放在setup中执行

 

标签:生命周期,beforeCreate,钩子,setup,unmounted,vue3
From: https://www.cnblogs.com/MDRY/p/16656092.html

相关文章

  • 生命周期函数(面试)
    生命周期函数 beforeCreate()created()beforeMount()Mounted()beforeUpdate()Updated()beforeDestroy()destroyed()//......
  • vue3——watchEffect函数
    watch的套路是:既要指明监视的属性,也要指明监视的回调。watchEffect的套路是:不用指明监视哪个属性,监视的回调中用到哪个属性,那就监视哪个属性watchEffect有点像comp......
  • Vue的钩子函数(路由守卫,keep-alive,生命周期)
    说到Vue的钩子函数,可能很多人只停留在一些很简单常用的钩子(created,mounted),而且对于里面的区别,什么时候该用什么钩子,并没有仔细的去研究过生命周期钩子:这一比较简单但......
  • vue3.0富文本编辑器vue-quill-editor
    1、安装npminstall@vueup/vue-quill@alpha--save2、引入main.js中全局引入import{QuillEditor}from'@vueup/vue-quill'import'@vueup/vue-quill/dist/vue......
  • vue3——计算属性与监视
    一.computed函数与Vue2.x中computed配置功能一致写法: 以上是两种写法:第一种简写形式:如果在显示界面更改了fullname,会有警告:计算属性不能更改,因为简写的形式是只读的......
  • vue3 基础-组件间传值及校验
    本篇讲基于对页面组件化拆分后,组件之间如何进行数据传递,通常是父组件如何给子组件进行传值,子组件接收并进行数据校验后再使用.父子组件传值<!DOCTYPEhtml><html......
  • Element Plus 在 vue3 中使用
    特殊情况下,解决方案:1、el-tree实现收缩的关键字:expanded【组件内部处理的树形数据格式中的关键字】定义树形组件:<el-treeref="treeRef">...</el-tree>获取组件......
  • vue3项目-小兔鲜儿笔记-分类模块01
    1.二级类目-筛选区展示获取数据进行品牌和属性的渲染<template><divclass="sub-filter"v-if="filterData&&!filterDataLoading"><divclass="item"><......
  • vue3——初识setup
    1.理解:Vue3中一个新的配置项,值为一个函数。2.setup是所有CompositionAPI(组合API)表演的舞台3.组件中所用到的:数据、方法等等,均要配置在setup中。 4.setup函数的两种......
  • vue3和angular的区别和联系(前端主题随笔一)
    众所周知,vue脱胎于angular,平常在工作中,尤其对全栈开发者,甚至工业上需要管业务的开发者来说,一次掌握多种前端框架是没有时间和精力的事,博主是一个3年angular开发从业者,5年C#......