vue切换页面时保证滚动条在最顶部

最近的项目里，首页放了很多跳转的元素，点击以后跳转到相应的页面。
一个最典型的例子，点击下方的“关于我们”，会跳到介绍页面，但因为vue的spa单页面特性导致切换页面只是更换了对应的组件，滚动条的位置是不会发生改变的。
因此需要每次切换一个页面的时候，都让滚动条回到最顶部。
可以在app.vue文件下添加监听，监听$route的变化。

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

本文没有技术含量，纯粹是工作过程中的一次优化体验的记录:)