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

    定义

    • 什么是生命周期:

    从vue实例创建、运行、到销毁过程

    • 生命周期钩子:vue生命周期中发生的事件

    • 生命周期事件=生命周期钩子=生命周期函数

    生命周期函数分类

    主要的生命周期函数分类:

    • 创建期间的生命周期函数
      • beforeCreate:实例刚在内存中创建出来,此时,data、methods的数据都还没有被初始化
      • created:实例已经在内存中创建成功,此时,data、methods已经创建成功,但是还没有编译模板
      • beforeMount:此时已经完成了模板的编译,但是还没有挂载到页面中
      • mounted:已经将编译好的模板,挂载到了页面指定的容器中显示
    • 运行期间的生命周期函数
      • beforeUpdate:状态更新之前执行函数,此时data中的状态是最新的,但是界面上显示的数据还是旧的,因为此时还没有开始渲染(挂载)虚拟DOM节点到页面上
      • updated:实例更新完毕之后开始调用此函数,此时data的状态值和界面上显示的数据,都已经完成了更新,界面已经重新渲染好了
    • 销毁期间的生命周期函数
      • beforeDestory:实例销毁之前调用,在这一步,实例依旧可以完全可用
      • destoryed:实例销毁后调用,调用之后,vue实例指示的所有东西都会解绑定,所有的事件监听会被移除,所有的子实例也会销毁。

    具体分析

    https://blog.csdn.net/qq_41889956/article/details/91378695

    参考链接:

    https://www.bilibili.com/video/BV1sb411M7RT?p=1

    https://blog.csdn.net/qq_41889956/article/details/91378695

    1

  • 相关阅读:
    modf()函数
    面向对象编程五大原则
    .Net网络资源
    整理CentOS常用命令
    在RHEL5上安装oracle10gLinux
    strchr()函数
    swab函数
    Strstr()函数
    tmpnam函数
    strdup ()函数
  • 原文地址:https://www.cnblogs.com/10134dz/p/14399668.html
Copyright © 2011-2022 走看看