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

}