vue页面切换，滚动条始终固定在顶部！

在使用vue脚手架做页面的时候，发现一个小bug...当你在一个页面的中间位置点击按钮进行组件跳转的时候，你会发现，你跳转到的新页面不是从顶部开始显示，而是在上一个页面点击按钮的位置显示在你视口的正中间，所以这就违背了我们网页开发的正常逻辑，针对以上发现的问题，我采取了一下解决办法，几行代码轻松搞定~

话不多说，上代码：

1.methods里面直接写一个函数：（函数名随便叫）

menu() {

          window.scrollTo(0,0);

}

2.created里面调用：（在钩子里调用一样的）

this.menu();

原理就是页面加载完成的时候滚动条距离顶部为0；

这就很好的解决了vue组件单页面跳转滚动条位置的bug了。