• 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和页面之间的联系断开。

  • 相关阅读:
    网站的内容安全策略(CSP)
    javascript学习日记--eval、prompt
    【java每日一学】Applet类详解
    JavaScript 闭包应用-打印所有li元素的内容
    JavaScript 闭包应用-计算打车价格
    JavaScript 闭包应用-点击li输出索引号
    JavaScript jQuery 任务清单 ToDoList
    JavaScript 面向对象TAB栏切换
    JavaScript 常见移动端网页特效
    JavaScript 移动端轮播图
  • 原文地址:https://www.cnblogs.com/wuqilang/p/11252665.html
Copyright © 2020-2023  润新知