vue路由传参及参数接收

项目开发过程中经常出现，点击路由跳转页面的情况，这时候就用到了路由传参
1，从a页面跳转到b页面
a页面传参

 var  luyou="UnifiedAccess/Application"
        this.$router.replace({
                    path: '/'+luyou,
                    query: { data: data.label
                    }
                })

b页面接收

 created() {
        this.headertitle=this.$route.query.data
    },

遇到的坑：当有多个页面跳转的路由都指向b页面时，b页面只刷新第一次，所以就造成了其他页面跳转到a时，a接收的路由数据不刷新
解决办法:使用watch方法监听路由

 watch:{
    '$route'(to,from){
      this.headertitle=this.$route.query.data
    }
  },