Vue中解决使用button按钮的点击事件自动刷新页面的问题

原因 button标签按钮会提交表单
button,input type=button按钮在IE和w3c，firefox浏览器区别：
1、当在IE浏览器下面时，button标签按钮，input标签type属性为button的按钮是一样的功能，不会对表单进行任何操作。
2、但是在W3C浏览器，如Firefox下就需要注意了，button标签按钮会提交表单，而input标签type属性为button不会对表单进行任何操作。

解决方法如下：

<!-- vue中给点击事件添加 `.prevent` 修饰符 -->
<button  @click.prevent="handleBtn">按钮</button>

<!-- 或者 -->
<input type="button" >input按钮</input>