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