Vue button組件在默認(rèn)狀態(tài)下是灰色的，但是我們可以通過添加不同的class來改變它的顏色。其中一個(gè)常見的顏色是橙色，下面是如何將Vue button改變?yōu)槌壬?/p>

<!--在template中-->
<button class="vue-button orange">Click Me</button>
<!--在CSS中-->
.vue-button {
/*按鈕通用樣式*/
border: none;
border-radius: 4px;
padding: 10px 20px;
font-size: 1rem;
cursor: pointer;
}
.orange {
/*橙色按鈕特有樣式*/
color: #fff;
background-color: #ff6600;
}

在上面的代碼中，我們?yōu)閂ue button添加了一個(gè)名為“orange”的class，并在CSS中定義了其特定樣式。我們將文本顏色改為白色，背景顏色改為橙色。通過這樣的修改，我們可以輕松地將Vue button的顏色改變?yōu)槌壬?/p>