Vue Router路由push不同参数跳转同一页面 页面不刷新问题

Vue Router路由push不同参数跳转同一页面 页面不刷新问题

在vue项目开发中，使用路由进行页面跳转时，路由所跳转的页面不进行刷新。也就是vue生命周期函数没有执行(created、mounted钩子函数)

1.常规解决办法
路由监听watch

watch: {
	'$route' (to, from) {
    // 在mounted函数执行的方法，放到该处
	// 加载页面数据的方法
	}
},

2.特殊处理解决办法
替换周期函数 使用activated:{}周期函数代替mounted:{}函数即可

mounted() {
	//加载页面初始化数据的方法
}
替换为
activated() {
	//加载页面初始化数据的方法
}

created()：在创建vue对象时，当html渲染之前就触发；但是注意，全局vue.js不强制刷新或者重启时只创建一次，也就是说，created()只会触发一次

activated()：在vue对象存活的情况下，进入当前存在activated()函数的页面时，一进入页面就触发；可用于初始化页面数据等