美文网首页
实例生命周期钩子函数

实例生命周期钩子函数

作者: 二货豆子 | 来源:发表于2018-01-24 19:56 被阅读0次

beforeCreate

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

created

在实例创建完成后被立即调用。在这一步,实例已完成以下的配置:数据观测 (data observer),属性和方法的运算,watch/event 事件回调。然而,挂载阶段还没开始,$el 属性目前不可见。

beforeMount

在挂载开始之前被调用:相关的 render 函数首次被调用。该钩子在服务器端渲染期间不被调用。

mounted

el 被新创建的 vm.$el 替换,并挂载到实例上去之后调用该钩子。

beforeUpdate

数据更新时调用,发生在虚拟 DOM 重新渲染和打补丁之前。

updated

由于数据更改导致的虚拟 DOM 重新渲染和打补丁,在这之后会调用该钩子。

activated

keep-alive 组件激活时调用。

deactivated

keep-alive 组件停用时调用。

beforeDestroy

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

destroyed

Vue 实例销毁后调用。调用后,Vue 实例指示的所有东西都会解绑定,所有的事件监听器会被移除,所有的子实例也会被销毁。

errorCaptured

当捕获一个来自子孙组件的错误时被调用。此钩子会收到三个参数:错误对象、发生错误的组件实例以及一个包含错误来源信息的字符串。此钩子可以返回 false 以阻止该错误继续向上传播。

相关文章

  • Vue2.x 生命周期

    1、实例生命周期的图表 2、生命周期钩子函数说明 所有生命周期钩子的 this 上下文将自动绑定至实例中,因此你可...

  • 初探Vue实例的生命周期

    Vue实例的生命周期简单地理解为8个钩子函数 Vue实例对每个钩子函数的调用时机如下 beforeCreate 在...

  • Vue生命周期

    Vue生命周期 实例生命周期钩子 每个Vue实例在被创建时都要经过一系列的初始化过程。 8种钩子函数 before...

  • vue生命周期钩子函数详解

    官方链接:实例生命周期钩子 一.什么是生命周期钩子函数: 每个 Vue 实例在被创建时都要经过一系列的初始化过程—...

  • vue学习记录第四天

    钩子函数的生命周期 根实例,在初始化时会调用很多方法,这些方法被称为钩子函数生命周期:beforeCreate c...

  • 深入浅出Vue生命周期钩子函数

    首先,先展示官方的Vue生命周期钩子函数的图示 在Vue2.0+版本,一个Vue实例共有以下八个生命周期钩子函数 ...

  • vue02

    vue02 vue生命周期 1.0钩子函数: created -> 实例已经创建 √ beforeComp...

  • vue 生命周期浅出

    官网生命周期图 Vue实例的生命周期: 挂载阶段: new Vue()调用构造函数 初始化生命周期钩子函数 调用t...

  • 详细的分析 Vue生命周期

    Vue 的生命周期 生命周期执行的函数叫法有三种: 生命周期钩子 生命周期函数 钩子函数 生命周期钩子概念: 在v...

  • Vue 生命周期

    生命周期函数 生命周期函数就是 Vue 实例在某一个时间点会自动执行的函数 简单来说就是,钩子(生命周期函数)就好...

网友评论

      本文标题:实例生命周期钩子函数

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