Vue2.x生命周期和钩子函数

Vue1.x和Vue2.x的钩子函数有很大的变化,而在官网上对2.x的钩子函数的介绍非常少,大多都是1.x的介绍。这里参考网上大牛做一些个人的结论。


废话不多说,先看Vue的生命周期图

image

然后再看一张1.x和2.x的生命周期函数的对比图:

image

这样就非常明显能看出Vue中生命周期函数了。


在这里总结几个比较常用的钩子函数:

  • beforeCreate:我们可以在这个函数中放入loading事件
  • create:在这结束loading,做一些初始化的工作
  • mounted:在这个函数中发起后端请求,那数据,配合路由
  • beforeDestory:你确定删除xxx?
  • destoryed:当前组件已经删除,清空相关内容

参考文章

https://segmentfault.com/a/1190000008010666

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容