vue做一个按钮组件

解决思路：

1. 通过父子组件通讯（$refs 和 props）

2. props接受参数, $refs调用子组件的方法

3. 来达到点击提交改变按钮状态，如果不成功则取消按钮状态

在src/components/ 下建一个button.vue

在页面中调用：

在这里，要注意一些细节：

1. button组件形成之后和其它p元素的间距，如果是在组件内定死是很难复用的。

2. 在复用的时候，在父组件中是改变不了子组件的样式的，如果要强制更改，单独写一个并去掉scoped。

相信看了本文案例你已经掌握了方法，更多精彩请关注Gxl网其它相关文章！

推荐阅读

小程序开发分享页面后返回首页

使用el表达式非空判断