Vue form button是Vue.js框架中非常常用的組件，它通常用于處理表單提交事件。下面我們詳細(xì)介紹一下Vue form button的使用。

首先，我們需要在Vue項(xiàng)目中引入Vue form button組件。具體操作可以使用npm進(jìn)行安裝：

npm install vue-form-button

引入后，我們就可以在Vue組件中使用Vue form button組件了。首先，我們需要在模板中添加按鈕：

<form-button
:disabled="isDisabled"
:class="{ 'is-loading': isLoading }"
@click="submitForm"
type="submit"
>
Submit
</form-button>

上面的代碼中，我們通過disabled和class屬性來控制Vue form button的狀態(tài)，從而達(dá)到不同的操作效果。其中，click事件綁定的是submitForm方法，在用戶點(diǎn)擊按鈕時(shí)，我們可以通過該方法來處理表單提交事件。

接下來，我們需要在Vue組件的data方法中定義isDisabled和isLoading屬性：

data() {
return {
isDisabled: false,
isLoading: false
}
}

這里，我們將isDisabled屬性初始值設(shè)置為false，表示按鈕可用狀態(tài)；isLoading屬性初始值設(shè)置為false，表示按鈕普通狀態(tài)。

最后，在Vue組件中定義submitForm方法，處理表單的提交事件：

methods: {
// 處理表單提交事件
submitForm() {
this.isDisabled = true
this.isLoading = true
// 進(jìn)行表單提交操作
this.$http.post('xxx', { data: 'xxx' }).then(() =>{
this.isDisabled = false
this.isLoading = false
})
}
}

上面的代碼中，我們在submitForm方法中修改isDisabled和isLoading屬性，使按鈕進(jìn)入不同的狀態(tài)。然后，進(jìn)行表單提交操作，提交完成后再將狀態(tài)還原到普通狀態(tài)。

綜上，Vue form button是Vue.js框架中常用的組件，可以非常方便地處理表單提交事件。在使用時(shí)，可以通過控制isDisabled和isLoading屬性來達(dá)到不同的操作效果。