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