zoukankan      html  css  js  c++  java
  • vue生命周期

    生命周期:一个组件从创建到销毁的过程。

    beforeCreate:创建前。

      当组件初始化的时候会执行beforeCreate,在当前生命周期中无法访问data中的属性和methods中的方法,因为当前生命周期是初始化阶段,因此我们可以在当前生命周期中加一个loading等待组件加载完以后再移除loading。

    created:创建后。

      1、当前生命周期可以访问data中的属性和methods中的方法。

      2、当前生命周期执行的时候会将data中的所有属性遍历添加setter/getter方法。

      3、当前生命周期执行的时候会将data和methods中的所有属性和方法遍历到vm实例上。

      4、因为当前生命周期会遍历data中属性添加setter/getter,所以可以在当前生命周期中进行前后端数据的交互。

    beforeMount:挂载前。

      当前生命周期的数据和模板还没有结合,可以在当前生命周期中做数据最后的修改。

    mounted:挂载后。

      当前生命周期的数据和模板已经结合,可以在当前的生命周期中获得真实的DOM结构,可以在当前的生命周期中做方法的实例化,如swiper、echarts……

    beforeUpdate:更新前。

      当前生命周期中,更新的数据与模板还未结合,可以对数据进行最后的更改。

    updated:更新后。

      更新的数据已经和模板相结合,可以获取数据更新后最新的DOM结构。

    beforeDestroy:销毁前。

      当前生命周期中,仍然可以获取到真是的DOM结构,可以做事件的移除等。

    destroyed:销毁后。

      在当前生命周期中,无法访问到真实的DOM结构,当前的vm和页面之间的联系断开。

  • 相关阅读:
    AcWing 852. spfa判断负环 边权可能为负数。
    面试题 02.01. 移除重复节点
    1114. 按序打印
    剑指 Offer 38. 字符串的排列
    557. 反转字符串中的单词 III
    645. 错误的集合
    面试题 05.03. 翻转数位
    1356. 根据数字二进制下 1 的数目排序
    748. 最短完整词
    剑指 Offer 32
  • 原文地址:https://www.cnblogs.com/wuqilang/p/11252665.html
Copyright © 2011-2022 走看看