zoukankan      html  css  js  c++  java
  • 浅谈Vue中的生命周期

    生命周期

    组件从创建到销毁经历的一系列过程叫做组件的生命周期

    vue在整个生命周期提供了一些函数,可以在内部实现一些业务逻辑,并且这些函数会在特定的场合下执行。(生命周期的某一时期进行触发)

    组件的生命周期 钩子函数 大概分为三个阶段:初始化,运行中,销毁

    1. 初始化阶段:beforeCreate() created() beforeMount() mounted()

    2. 运行中:beforeUpdate() updated()

    3. 销毁:beforeDestroy() destroyed

    生命周期的一个经历过程

    1. 一个组件或者实例的生命周期都是从new开始的

    2. 实例化之后,内部会做一些初始化事件与生命周期有关的配置

    3. 这个钩子函数初始化阶段就会触发执行
    4. created钩子函数代表已经挂载完毕,已经可以去到数据,但是真实dom还是没有渲染出来
    5. 接下来的过程,就是组件和实例各自查找模板,去将其编译成虚拟dom
    6. beforeMount代表真实dom树马上要被渲染出来了,不过页面上还没有生成真实的dom
    7. mounted钩子函数是初始化阶段的最后一个钩子函数
    8. 初始化的时候是不执行运行中的钩子函数的
    9. updated是dom获取的数据内容是更新之后的内容
    10. 当组件销毁时,才会触发这此方法
    11. 销毁结束后,执行销毁阶段的destroyed钩子函数

    介绍一下beforeDestroy的作用

    比如在初始化阶段中的created钩子函数中定义一个定时器,当我们销毁组件时,定时器还是在执行,造成了极大的性能问题,我们可已在销毁阶段的beforeDestroy钩子函数中进行定时器的清除

    这次是真的弟弟,整理好了markdown,可是没提前了解过怎么传,属实难顶,以上如有出入,希望点出,定加以改正

  • 相关阅读:
    Exception: Failed to execute 'setItem' on 'Storage'
    element ui中动态添加的表单进行验证
    10. 自定义assertThat中的Matcher函数lt、gt
    8. anyInt()、anyString()、eq()、anyCollection()、verify验证void方法
    7. 参数匹配:eq、isA、any
    6. spy
    4-5. when-thenXX、doXX-when、Answer、thenCallRealMethod
    2. 开启Mock的三种方式、深度Mook
    1. quickstart
    Sentinel
  • 原文地址:https://www.cnblogs.com/Huskie-/p/13499721.html
Copyright © 2011-2022 走看看