Vue 路由变化页面数据不刷新问题

Question

出现这种情况是因为依赖路由的 params 参数获取写在 created 生命周期里面，因为相同路由二次甚至多次加载的关系 没有达到监听，退出页面再进入另一个文章页面并不会运行 created 组件生命周期，导致文章数据还是第一次进入的数据

解决方法：watch 监听路由是否变化

watch: {
 // 方法 1'$route' (to, from) { //监听路由是否变化 if(this.$route.params.articleId){// 判断条件 1  判断传递值的变化//获取文章数据
    }
  }
  //方法 2'$route'(to, from) {
    if (to.path == "/page") {    /// 判断条件 2  监听路由名 监听你从什么路由跳转过来的
       this.message = this.$route.query.msg     
    }
  }
}