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 } } }

 
轉載於猿2048:➺《VUE 路由變化頁面數據不刷新問題》