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 :当前组件已被删除,清空相关内容

  • 相关阅读:
    hdu 2896 AC自动机模版题
    快递公司送货员送到货时,打电话通知客户来取的改进
    Scala数据类型中的Symbol(符号文本)
    hdu 3065 AC自动机模版题
    Oracle DB 复制数据库
    Java打包生成exe(使用exe4j和inno setup)
    C#的Lambda表达式嵌套例子
    WPF设置控件获得焦点FocusManager
    Winform给TextBox设置默认值(获取焦点后默认值消失)
    使用signtool.exe来验证程序的数字签名是否成功(命令行)
  • 原文地址:https://www.cnblogs.com/zhangning187/p/fendouzailushang1.html
Copyright © 2011-2022 走看看