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

  • 相关阅读:
    rsync+inotify实现实时同步,自动触发同步文件
    Linux下实现Rsync目录同步备份
    零基础学python-16.2 作用域法则
    零基础学python-16.1 作用域快速入门
    零基础学python-15.4 函数的多态vs对象的多态
    零基础学python-15.3 函数的定义、调用与多态
    零基础学python-15.2 分解函数
    零基础学python-15.1 为什么需要编写函数
    零基础学python-14.3 python的文档资源:help函数
    零基础学python-14.2 python的文档资源:文档字符串
  • 原文地址:https://www.cnblogs.com/zhangning187/p/fendouzailushang1.html
Copyright © 2011-2022 走看看