在Vue中，button是常見的控件元素，我們可以在按鈕中調(diào)用方法，來實現(xiàn)一些功能。在使用vue button調(diào)用方法時，一般需要在button元素中添加@click屬性，來綁定一個事件。這樣當(dāng)用戶點擊按鈕時，對應(yīng)的事件就會被觸發(fā)。

<button @click="handleButtonClick">點擊我</button>

在按鈕中綁定一個事件，需要使用Vue中的方法。我們可以將方法定義在Vue實例中，然后再綁定事件。Vue的實例對象提供了一系列的生命周期函數(shù)，在這些鉤子函數(shù)中，我們可以定義方法，并在button中調(diào)用它們。

<div id="app">
<button @click="handleButtonClick">點擊我</button>
</div>
<script>
const app = new Vue({
el: '#app',
data: {
message: 'Hello, Vue!'
},
methods: {
handleButtonClick() {
console.log(this.message)
}
}
})
</script>

在上面的代碼中，我們定義了一個Vue實例對象“app”，它有一個屬性“message”，然后我們在methods選項中定義了一個方法“handleButtonClick”。在這個方法中，我們打印了message屬性的值。

現(xiàn)在我們給按鈕添加@click事件，并綁定到handleButtonClick方法上。當(dāng)我們點擊按鈕時，此方法會被調(diào)用，并打印出"Hello, Vue!"。

在Vue中，我們還可以通過傳參的方式，將一些參數(shù)傳遞到方法中進行處理。在button元素中，我們只需要在@click后面添加一個箭頭函數(shù)，然后在函數(shù)中傳入?yún)?shù)即可。

<div id="app">
<button @click="handleButtonClick('前端', 'Vue')">點擊我</button>
</div>
<script>
const app = new Vue({
el: '#app',
data: {
message: 'Hello, Vue!'
},
methods: {
handleButtonClick(arg1, arg2) {
console.log('arg1:', arg1, 'arg2:', arg2)
}
}
})
</script>

在上面的代碼中，我們在button元素中傳入了兩個參數(shù)"前端"和"Vue"，然后在handleButtonClick方法中打印出了這兩個參數(shù)。這樣我們就可以通過方法來實現(xiàn)各種復(fù)雜的邏輯。

總之，在使用Vue中的button控件調(diào)用方法時，需要在Vue實例中定義方法，然后在button元素中綁定事件。通過方法，我們可以實現(xiàn)各種功能，做出各種交互效果。