美文网首页
Vue2.x生命周期和钩子函数

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

作者: 默写_0c03 | 来源:发表于2018-10-24 22:49 被阅读0次

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

相关文章

网友评论

      本文标题:Vue2.x生命周期和钩子函数

      本文链接:https://www.haomeiwen.com/subject/ufeftqtx.html