VUE-监听器（watch）解决路跳转(Router.push)以后，传递参数不更新问题

采用router实现路由页面跳转

	this.$router.push({
      name: /student,
      params: {
        name: '张三',
        age: '10',
      },
    });

在/student页面获取到路由中的参数 并对当前页面的参数进行更新操作

	create {
	
	this.stuName = this.$route.params.stuName
	}

问题

第一更新成功后 第二次再次跳转后，参数不刷新

根因

在 Vue.js 中，当你使用 this.\(router.push 或 this.\)router.replace 进行路由跳转时，如果目标路由与当前路由渲染的是同一个组件实例（即组件复用），那么 Vue Router 不会重新创建该组件实例，而是会复用现有的实例。这意味着组件的生命周期钩子（如 created 和 mounted）不会被再次调用，因为组件实例并没有被销毁和重新创建。

解决

写一个监听器(watch)

	watch: {
// 监视 $route 对象的变化
'$route.params.stuName'(newVal, oldVal) {
  // 当 equipCode 参数变化时，更新组件的 equipCode 数据属性
  this.stuName = newVal;
  // 你可以在这里添加其他逻辑来处理 equipCode 的变化
},
	},