本篇文章主要介绍了vue 开发一个按钮组件的示例代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

使用vue、react的项目获取数据、上传数据、注册、登陆等都是通过接口来完成的，接口很容易被人恶意调用，最容易被人恶意调用的接口就是注册、登陆类的接口，为了防止接口被恶意调用很多公司开发了出了很多的人机验证的工具，今天就来讲下极验验证在vue项目中的使用。 效果预览 1、遇到的问题 在项目中任何一个页面或vue组件都有可能需要使用到极验，并且极验在初始化时需要传递一些参数，要怎么做才能做到每一个组件都能很方便的使用极验呢？ 极验应该在什么时候初始化？是组件一加载就初始化还是用户点击

最近面试，被问到一个题目，vue做一个按钮组件； 当时只是说了一下思路，回来就附上代码。 解决思路： 通过父子组件通讯（$refs 和 props） props接受参数, $refs调用子组件的方法 来达到点击提交改变按钮状态，如果不成功则取消按钮状态 在src/components/ 下建一个button.vue <!-- text为按钮文字