Vue中App.vue如何监听路由变化实现页面刷新？

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

在页面跳转时，若需要重新加载数据，可以添加一个监听器，当跳转至页面并刷新时，自动触发数据加载。代码如下：

javascriptexport default { name: 'App', provide() { return { reload: this.reload }; }, data() { return { reload: false }; }}

在路由跳转时，会出现页面需要重新刷新一遍才能获取数据加载页面，这时添加一个监听器，如果跳转到页面刷新一次。

export default { name: 'App', provide(){ return{ reload:this.reload } }, data(){ return { isRouterAlive:true, } }, //监听器 watch: { // 方法1 '$route' (to, from) { //监听路由是否变化 // console.log(999) if(to.path == "/"){ //跳转到哪个页面 location.reload() } }, }, methods:{ reload(){ this.isRouterAlive = false; this.$nextTick(function () { this.isRouterAlive = true }); }, }, }

补充知识：vue监听路由的改变和监听页面的刷新与离开

要分清两者的区别。