Vue1.x和Vue2.x的钩子函数有很大的变化,而在官网上对2.x的钩子函数的介绍非常少,大多都是1.x的介绍。这里参考网上大牛做一些个人的结论。
废话不多说,先看Vue的生命周期图:
image
然后再看一张1.x和2.x的生命周期函数的对比图:
image
这样就非常明显能看出Vue中生命周期函数了。
在这里总结几个比较常用的钩子函数:
-
beforeCreate
:我们可以在这个函数中放入loading事件 -
create
:在这结束loading,做一些初始化的工作 -
mounted
:在这个函数中发起后端请求,那数据,配合路由 -
beforeDestory
:你确定删除xxx? -
destoryed
:当前组件已经删除,清空相关内容