vue页面再次到前台会调用什么

当Vue页面再次到前台时，会触发以下生命周期函数：

1. activated：当页面从后台回到前台时，会触发activated函数。在这个函数中，你可以处理页面激活后需要执行的操作，如刷新数据、重新加载资源等。activated函数是Vue的keep-alive组件特有的，只有被keep-alive包裹的组件在页面切换中才会触发。

2. beforeRouteEnter：当页面跳转到当前路由前，会触发beforeRouteEnter函数。在这个函数中，你可以进行一些准备工作，如获取路由参数、校验登录状态等。

3. created：在页面被创建后，会触发created函数。在这个函数中，你可以进行页面的初始化操作，如获取数据、初始化变量等。

4. mounted：当页面被挂载到DOM上后，会触发mounted函数。在这个函数中，你可以进行一些DOM操作，如操作DOM元素、绑定事件等。

5. beforeUpdate：当页面数据发生变化，但DOM尚未更新时，会触发beforeUpdate函数。在这个函数中，你可以进行一些数据处理的工作，如计算属性、监听器等。

6. updated：当页面数据发生变化，并且DOM已经更新后，会触发updated函数。在这个函数中，你可以进行一些DOM操作的工作，如操作DOM元素、触发动画等。

总结起来，当Vue页面再次到前台时，会依次触发activated、beforeRouteEnter、created、mounted、beforeUpdate和updated函数。通过这些生命周期函数，你可以在页面再次到前台时进行一些需要执行的操作，使页面保持最新的状态。

当Vue页面再次显示到前台时，会触发以下几个钩子函数：

1. beforeRouteEnter：在进入路由之前调用，可以在此钩子函数中进行一些异步操作，比如获取数据。

2. beforeRouteUpdate：在当前路由改变但是该组件被复用时调用，比如从一个商品详情页面切换到另一个商品详情页面。可以在此钩子函数中对组件的数据进行更新操作。

3. activated：在被包含在keep-alive组件中的组件再次进入前台时调用。可以在此钩子函数中执行一些必要的逻辑，比如获取最新数据。

4. beforeRouteLeave：在离开当前路由前调用，可以用于确认是否离开当前页面。比如在用户输入表单后未保存数据时弹出确认框。

5. mounted：组件挂载到DOM后调用。可以在此钩子函数中执行一些与DOM相关的初始化操作，比如绑定事件、初始化插件等。

这些钩子函数可以通过在组件中定义对应的方法来实现。在Vue页面再次显示到前台时，这些钩子函数会按照指定的顺序依次执行。通过在这些钩子函数中编写逻辑代码，可以实现各种前台显示时的操作。同时，根据具体的需求，也可以选择性地使用其中的某些钩子函数。

在Vue.js中，当一个Vue页面再次到前台时，会依次调用以下方法和生命周期钩子函数：

1. beforeRouteUpdate：如果Vue页面使用了Vue Router进行路由管理，且路由发生变化时，会触发beforeRouteUpdate方法。可以在此方法中进行路由参数的获取和相应的数据处理。

2. beforeUpdate：此生命周期钩子函数在页面更新之前调用，可以在此函数中进行一些数据的准备工作。例如，重新获取数据、计算数据等。

3. updated：页面更新完成后调用。在此处可以进行一些DOM操作。注意，避免无限循环调用。

4. activated：如果页面是通过Vue Router的组件缓存起来的，再次返回前台时会调用该方法。可以在此处进行一些资源的加载和状态的恢复。

5. beforeMount：在页面挂载到DOM之前调用，可以进行一些需要在页面挂载前完成的操作。

6. mounted：页面挂载完成后调用，可以进行一些DOM操作和其他异步操作。例如，获取服务器数据、订阅事件等。

综上所述，当Vue页面再次到前台时，会依次调用beforeRouteUpdate、beforeUpdate、updated、activated、beforeMount、mounted等方法和生命周期钩子函数。通过合理的使用这些方法和钩子函数，可以实现页面在前后台切换时的数据更新和页面状态的恢复。