Vue子页面修改数据通知父页面刷新？

Question

子路由页面修改了数据，返回父路由页面，怎么通知父页面重新请求新的数据？路由返回父页面，onMounted钩子并不会执行，在onMounted中并不能请求新数据。现在用的watch，监听router.path，来重新请求数据。请问你们都是怎么做的？

Answer 1

如果是通过路由切换到了“子页面”，提交之后返回到“父页面”，可以选择使用 onActivated 这个生命周期来触发重新请求数据。如果你是使用 keep-alive 来保持页面缓存的话。如果没有保持页面，照理来说 onMounted 会执行的。

Answer 2

可以了解一下组件内的路由钩子函数beforeRouteEnter(to, from, next){} 或者全局导航守卫router.beforeEach((to, from, next) => {}