美文网首页
Vue组件的生命周期

Vue组件的生命周期

作者: brave_wu | 来源:发表于2023-05-31 10:27 被阅读0次

vue组件生命周期3步走:
挂载: beforeCreate => created => beforeMount => mounted
更新: beforeUpdate => updated
销毁: beforeDestroy => destroyed

父子组件:
挂载: parent beforeCreate => parent created => parent beforeMount => child beforeCreate => child created => child beforeMount => child mounted => parent mounted
更新: parent beforeUpdate => child beforeUpdate => child updated => parent updated
销毁: parent beforeDestroy => child beforeDestroy => child destroyed => parent destroyed
总结就是:
挂载时,子组件是在父组件before mount后开始挂载,并且子组件先mounted
更新时,子组件是在父组件before update后开始更新,子组件先于父组件更新
销毁时,子组件是在父组件before destroy后开始销毁,并且是子组件先销毁

相关文章

  • VUE组件(传值,生命周期)

    VUE生命周期 VUE子传父组件通信 VUE非父子组件传值

  • 09-生命周期及非父子组件间的通信

    一. Vue生命周期 二、生命周期代码 三、非父子组件通信 vue中非父子组件通信需要借助一个空的vue实例,案...

  • vue面试题总结

    1、vue生命周期 生命周期描述beforeCreate组件实例被创建之初,组件的属性生效之前created组件实...

  • vue 父组件监听子组件生命周期

    # vue 父组件监听子组件生命周期 主要是通过@hook:生命周期即可监听示例:

  • vue2.x(生命周期/钩子函数)

    vue的生命周期定义vue每个组件都是独立的,每个组件都有一个属于它的生命周期,从一个组件创建、数据初始化、挂载、...

  • vue基础

    js变量分为 vue组件通讯 vue生命周期 函数dataelthismethodspropsbeforeCrea...

  • vue父子组件&继承组件的生命周期

    父子组件的生命周期顺序 父组件app.vue 子组件hello.vue 执行的结果: 结论:父子组件的执行顺序为,...

  • 2020-08-04

    一、vue的生命周期是什么 vue每个组件都是独立的,每个组件都有一个属于它的生命周期,从一个组件创建、数据初始化...

  • Vue生命周期

    1.Vue生命周期概述 生命周期是指vue组件从生到死特定阶段调用的方法. 生命周期钩子 = 生命周期函数 = 生...

  • vue的生命周期

    一、概念 vue生命周期,又叫生命周期钩子函数,是组件从创建到销毁的过程。下面是vue官网的vue生命周期图 二、...

网友评论

      本文标题:Vue组件的生命周期

      本文链接:https://www.haomeiwen.com/subject/hrafsdtx.html