zoukankan      html  css  js  c++  java
  • VUE 生命周期 详解

    beforeCreate
    vue中的第一个生命周期,在vue实列被完全创建出来之前会执行。
    注意:在beforeCreate生命周期函数执行时,data、methods.中的数据都还没有初始化。
    craetd
    vue的第二个生命周期函数,在created中data、methods 都引进被初始化好了。若要调用methods中的方法或者操作data中的数据,最早只能在created 中执行
    beforeMount
    表示模板已经在内存中编译完成,但尚未将模板渲染到页面中。
    在beforeNount 执行时在页面中元素还没有被真正的替换过来,只是一些之前写的模板字符串。
    mounted
    表示内存中的模板已经真实的挂载到页面中,用户已近可以看到渲染好的页面
    注意:mounted是实列创建期间的最后一个生命周期函数,当执行完mounted之后表示实列已经被完全创建好。此时若没有其他操作,这个实列就静静躺在内存中一动不动。
    beforeUpdate
    这两个事件会根据data的改变触发0 到无穷次 在beforeUpdate中 表示页面还没有被更新。但data终的数据已经被更新
    updated
    页面和data 数据已经保持同步,均为最新数据
    beforeDestory
    运行该钩子函数时,vue 实列已经从运行阶段进行到销毁阶段。实列身上所有的methods、指令、过滤器。。。。都处于可用状态,还没有真正执行销毁过程。
    destory
    实列被销毁,所有方法指令无法执行。
  • 相关阅读:
    hdu-1116(欧拉回路+并查集)
    hdu-1143(简单dp)
    hdu-1141
    JAVA里面获取map的key和value的方法
    MySQL中Date,DateTime,TimeStamp和Time的比较
    idea中修改git提交代码的用户名
    spring配置多个视图解析
    判断Map集合中是否存在某一个key
    win10家庭版升级为win10专业版
    MyBatis模糊查询的三种拼接方式
  • 原文地址:https://www.cnblogs.com/YinWeiBlog/p/10724886.html
Copyright © 2011-2022 走看看