美文网首页
vue组件生命周期

vue组件生命周期

作者: 雨后晴阳 | 来源:发表于2018-09-07 13:33 被阅读0次

所有的生命周期跟data是同级

beforeCreate

在实例初始化之后,数据观测 (data observer) 和 event/watcher 配置之前被调用。

此时实例数据对象什么都没有

created

挂载阶段还没开始,dom还未生成,实例已完成以下的配置:数据观测 (data observer),属性和方法的运算,watch/event

beforeMount

模板编译挂载之前调用,首先会判断对象是否有el选项。如果有的话就继续向下编译,如果没有el选项,则停止编译,也就意味着停止了生命周期\

mounted

模板编译挂载之后调用,vm.$el替换掉el指向的dom

beforeUpdate

数据变更导致虚拟DOM重新渲染之前调用

updated

数据变更导致虚拟DOM重新渲染之后调用

beforeDestroy

实例销毁之前调用,在这一步,实例完全可用

destroyed

vue实例指向的所有东西解除绑定,包括watcher、事件、所以的子组件,后续就不再受vue实例控制了

相关文章

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

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

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

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

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

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

  • vue面试题总结

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

  • vue基础

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

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

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

  • 2020-08-04

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

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

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

  • Vue 学习记录二

    组件化: 动态组件 父子组件 插槽 数据共享(Vuex) Vue Router: 生命周期: Plugin 开发:...

  • Vue生命周期

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

网友评论

      本文标题:vue组件生命周期

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