vue 切換“頁面”（路由）時保持滾動條回到頂部

vue項目做pc端的時候，發現在兩個頁面切換時 滾動條沒有回到頂部而是保持原先的位置，這是由於vue是單頁面應用，只是更換了路由內容，還在當前頁面滾動條是不會回到頂部的。
解決辦法是在切換路由的時候，將滾動條復位爲0。
由於是vue+webpack項目，找到入口切換路由的頁面App.vue文件下，添加watch事件，全局監聽路由。

  // 使用watch 監聽$router的變化,
  watch: {
    '$route': function(to,from){
　    document.body.scrollTop = 0
      document.documentElement.scrollTop = 0
    }
  }