系统学习magento二次开发，推荐小册：《Magento中文全栈二次开发 》
本小册面向Magento2以上版本，书代码及示例兼容magento2.0-2.4版本。涵盖了magento前端开发，后端开发，magento2主题,magento2重写,magento2 layout,magento2控制器,magento2 block等相关内容,带领您成为magento开发技术专家。
在 Magento 2 中，Button 组件用于创建和呈现按钮。它可以用于各种用例，例如提交表单、触发某个操作等。以下是一个示例代码，展示了如何使用 Magento 2 的 Button 组件：
HTML 代码：
<button id="my-button" class="action primary"><span>My Button</span></button>
JavaScript 代码：
require(['jquery', 'Magento_Ui/js/button'], function($, button) {
$('#my-button').on('click', function() {
console.log('Button clicked!');
});
button({
container: '#my-button'
});
});在上面的代码中，我们首先创建了一个 HTML button 元素，并将其 ID 设置为 "my-button"。然后，我们使用 requireJS 引入了 jQuery 库和 Magento 2 的 Button 组件，并在页面加载完成后执行了一个回调函数。在回调函数中，我们绑定了一个 click 事件监听器，以便在按钮被点击时执行一些代码。最后，我们调用了 Button 组件的构造函数，并将其容器设置为我们刚刚创建的按钮元素。
在 Magento 2 中，Button 组件有多种配置选项可用，例如按钮的样式、大小、颜色等。你可以在构造函数中传递这些选项以定制你的按钮。例如，以下是一些常见的配置选项示例：
button({
container: '#my-button',
disabled: true,
size: 'large',
color: 'red',
label: 'Submit Form'
});在上面的代码中，我们传递了以下选项：
container：指定按钮元素的 ID 或选择器。
disabled：将按钮禁用。
size：将按钮大小设置为 "large"。
color：将按钮颜色设置为 "red"。
label：将按钮文本设置为 "Submit Form"。
这些选项可以按照你的需求进行自定义。