应用场景：

A页面内容多，有滚动条出现，

B页面内容少，没有滚动条，

在 A页面把滚动条下拉到一半，然后点击 B页面，此时B页面也出现了滚动条，这样是不对的，我们想让切换到B页面时 不出现滚动条。

解决办法：

单个页面：

// 在/A页面, vue的mounted方法中, 写设置页面滚动条的这个方法
mounted() {
 // 切换页面时滚动条自动滚动到顶部
    window.scrollTo(0,0);
}

全部页面：在main.js中

router.afterEach((to,from,next) => {
  window.scrollTo(0,0);
  // 或
  // window.scroll(0, 0);
});

PS：网上有说放在`router.beforeEach`更好，我试了不行，会导致点击不了，只能是afterEach才可以