vue 切換頁面/路由時保持滾動條在最頂部

我在做PC端vue項目的時候發現，切換頁面滾動條的位置並沒有改變，因爲切換路由實際上並不是切換頁面而且改變了頁面中的組件，所以滾動條的位置不變，爲了獲得更好的體驗，需要每切換一個新的頁面（一個新的路由）時就讓滾動條回到最頂部。

代碼如下：

// App.vue
export default {
  name: 'App',
  components: {
    MHeader,
    MFooter
  },
  watch:{
    '$route':function(to,from){
　    document.body.scrollTop = 0
      document.documentElement.scrollTop = 0
    }
  }

}