• vue生命周期钩子函数


    vue实例从创建到销毁的过程就是生命周期。过程如下:

    开始创建——>初始化数据——>编译模版——>挂载Dom——>渲染、更新——>渲染——>销毁

    vue的生命钩子函数(生命周期),总共可以分为8个阶段,他们各阶段的作用如下:

    1、beforeCreate(实例创建前):此阶段是获取不到props和data的数据的,因为这个阶段数据都初始化在initState中。且此阶段vue的所有属性都还不存在。

    2、created(实例创建完成):此阶段可以访问之前不能访问到的数据,但此时组件还没挂载,$el也还不存在。

    3、beforeMount(挂载之前):此阶段开始创建VDOM,最后执行mounted钩子,并将VDOM渲染为真实DOM并且选人数据。组件中如果有子组件的话,会递归挂载子组件,只有当所有子组件全部挂载完毕,才会执行根组件。

    4、mounted(挂载之后):此阶段data中的数据已经被渲染到元素中 ,可以操作dom。

    5、beforeUpdate(更新前):此阶段组件将要更新。

    6、updated(组件更新后):此阶段组件更新完成。

    7、beforeDestroy(组件销毁前):此阶段适宜移除事件、定时器等,否则可能会引起内存泄漏的问题。然后进行一系列的销毁操作,如果有子组件的话,也会递归销毁子组件。

    8、destroyed(组件销毁后):组件销毁完成。

  • 相关阅读:
    投票协议:二进制表示方法
    投票协议:构建和解析协议消息
    多任务处理:多线程
    通信:成帧与解析
    通信:组合输入输出流
    跨越FSO WSH写文件
    MS07004漏洞
    解决ASP(图像)上传漏洞的方法
    让硬件入侵不再是神话
    解决ASP(图像)上传漏洞的方法
  • 原文地址:https://www.cnblogs.com/linjiangjin/p/10412017.html
Copyright © 2020-2023  润新知