Vue 组件参数变化组件刷新

如果在相同组件下，路由参数变化导致页面不会刷新
例如

//先运行
this.$router.push('news?keyword=美国')
//再运行
this.$router.push('news?keyword=中国')

将参数保存在query , 组件挂载时候读取 query ，但相同组件时尽管query变化但组件不会重新加载，这导致了页面数据不会变化
解决方法

监听路由变化,让后运行相应函数

watch:{
      '$route'(val, from) {//监听到路由（参数）改变
            console.log("路由参数变化")
         }
    }