vue生命周期中的一个小细节

前几天测试提了一个bug,场景是这样的,一个表格需要在点击返回回到列表页的同时保存数据,于是我把保存数据的接口放在了beforeDestory里,测试的时候发现了问题,应该返回触发跳转路由是立即发生的,目标页面是需要调一个列表接口的,于是就发生了,保存接口在列表接口之后才调用完成(看了下network其实两个是并行的,只是列表接口耗时短,状态先完成了),于是找了下原因,原来是beforeDestory是在created之后,mounted之前发生的。。。

实际的发生顺序

目标页面.created()
  
目标页面.beforeMount()
  
当前页面.beforeDestroy()
  
当前页面.destroyed()
  
目标页面.mounted()

你可能感兴趣的:(vue生命周期中的一个小细节)