Vue组件返回上一页时，activated生命周期如何避免重复请求数据？

本文共计1155个文字，预计阅读时间需要5分钟。

activated: 英文原意：使活跃、促进在Vue的生命周期函数中，这个功能好像用得并不多（也许只在我工作中用得不多，或者可以说几乎不用）。

activated: 英文原意：使活动、触发

在Vue的生命周期函数中，这个好像用的不是特别多？（也许只是在我的工作中这个用的不多，或者说叫几乎不用这个）

一、需求

前不久在项目中有这样一个需求：

在订单页面的地址信息栏，默认通过接口填充了一个已经设置过的一个的默认地址，现在要跳转去地址列表重新选择一个地址并回填到订单页面的地址信息位置

二、尝试

常规操作：

我们通常会将通过接口请求数据的方法放在==created== 或者 ==mounted==这两个生命周期中的一个里面调用。

但是我们知道，不管是我们刚进入这个页面还是从其他页面返回这个页面，这些生命周期都会走一遍。

问题：

所以，即使你跳转到下级页面选好你所需的数据返回上一页时，你所回填的数据又被从接口请求回来的数据给覆盖了。。。