VUE 路由變化頁面數據不刷新問題

出現這種情況是因為依賴路由的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 } } }