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

    beforeCreate

      在实例初始化之后,数据和事件配置之前被调用(可以在这加个loading事件)

    created

      实例已经创建完成之后被调用,但是还没有挂载,$el属性目前不可见。

      el还是undefined,而数据已经与data中的属性进行绑定(放在data中属性当值发生改变的同时,视图也会发生变化),

      在这里可以在渲染前倒数第二次更改数据的机会,不会触发其他的钩子函数,一般可以在这里做初始数据的获取

    beforeMount

      载入前(完成了data和el数据初始化),但是页面中的内容还是vue中的占位符,data中的message信息没有被挂在到Bom节点中,

      在这里可以在渲染前最后一次更改数据的机会,不会触发其他的钩子函数,一般可以在这里做初始数据的获取

    mounted

      载入后html已经渲染(ajax请求可以放在这个函数中),把vue实例中的data里的message挂载到BOM节点中去

    beforeUpdate

      更新前状态(view层的数据变化前,不是data中的数据改变前),重新渲染之前触发,然后vue的虚拟dom机制会

      重新构建虚拟dom与上一次的虚拟dom树利用diff算法进行对比之后重新渲染

      只有view上面的数据变化才会触发beforeUpdate和updated,仅属于data中的数据改变是并不能触发

    updated

      数据更改完成,dom也重新render完成

    beforeDestroy

      销毁前执行,一般在这里面进行最后的处理(清楚计时器,清楚非指令绑定的事件等)

    destroyed

      销毁后(DOM元素依然存在,只是不受vue的控制)

    beforecreate : 可以在这加个loading事件

    created :在这结束loading,还做一些初始数据的获取,实现函数自执行

    mounted : 在这发起后端请求,拿回数据,配合路由钩子做一些事情

    beforeDestroy: 你确认删除XX吗?

    destroyed :当前组件已被删除,清空相关内容

  • 相关阅读:
    php l练习(写着玩)
    位、字节、字
    ueditor上传图片时目录创建失败的问题解决方法
    tp5插入百度富文本编辑器UEditor
    PHP实现用户异地登录提醒功能的方法
    tp5知识点
    TP5语法
    微擎url
    微擎多图片上传
    微擎函数Iserializer和Iunserializer序列化函数
  • 原文地址:https://www.cnblogs.com/zhangning187/p/fendouzailushang1.html
Copyright © 2011-2022 走看看