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

 

posted @ 2019-04-23 17:21  张_Ning  阅读(127)  评论(0编辑  收藏  举报