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

    实例创建阶段:

    1. beforeCreated:表示刚刚初始化了一个空的Vue实例对象,此时,对象身上只有默认的一些什么周期函数和事件,其他的都还未创建。*此时data和methods中的数据还没有初始化。

    2. created:在created中,data和methods都已被初始化好了,如果要对methods或data进行操作(包括发送数据请求等),最早在created中进行。

    3. beforeMount:次函数执行时,模板已经在内存中编译好了,但是尚未挂载到页面中去,即页面数据还未更新。

    4. mounted:这是实例创建期间的最后一个生命周期函数,当执行完mounted就表示实例已经完全创建好了。若没有其他操作,实例就放在内存中,不发生变化。如果要操作页面上的dom节点,最早在mounted中进行。

    运行阶段:

    5. beforeUpdate:当执行到beforeUpdate时,页面显示的数据还是旧的,但data中的数据是新的,两者未保持同步。

    6. updated:此事件执行时,页面和data的数据都已被更新,两者保持同步。

    7. beforeDestroy:此时,实例已经从运行阶段进入到了销毁阶段,但实例身上的data、methods、过滤器、指令等都还处于可用阶段。

    8. destroyed:此时组件完全被销毁。

  • 相关阅读:
    python基础之数据类型
    简单猜年龄游戏
    python基础之变量
    Python3获取大量电影信息:调用API
    10分钟制作UWP汉堡菜单
    java 异常处理
    多态
    接口与继承
    数组及课后动手动脑
    String类型
  • 原文地址:https://www.cnblogs.com/Ryan368/p/11320920.html
Copyright © 2011-2022 走看看