解决vue页面刷新之后数据为空的问题

页面使用了route，数据是用route传过来的，但是刷新之后传过来的数据就没有了。尝试了很多方法之后，终于找到了解决的办法。
原文链接：https://blog.csdn.net/weixin_42454941/article/details/85054083?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-8.control&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-8.control

刷新的页面

mounted() {
		
	},
	beforeRouteEnter(to,from,next) {
		next(vm=>{
			vm.resource=JSON.parse(to.query.resource);
		});
	},

要跳转到刷新页面的页面

learn(){
			this.$router.push({
				path: '/resourcedetail',
				query: { resource: JSON.stringify(this.resource)}
			});
		}