Vue中的methods可以讓我們方便地改變組件中的data。當我們需要改變組件中的數據，我們可以使用Vue提供的methods來完成任務。下面我們來詳細講解一下如何使用Vue的methods來改變組件中的數據。

// 我們先來創建一個Vue實例
var app = new Vue({
el: '#app',
data: {
message: 'Hello Vue!'
},
methods: {
changeMessage: function () {
this.message = 'Changed message!'
}
}
})

我們可以在methods選項中定義一些方法，當這些方法被調用時會改變組件中的數據。在這個例子中，我們定義了一個changeMessage方法，在方法中改變了message屬性的值。

在Vue中，我們可以將methods中的方法綁定到組件的事件上。比如，我們可以將一個按鈕的click事件綁定到我們定義的changeMessage方法上，當按鈕被點擊時，message屬性的值就會被改變。

// 我們在HTML中添加一個按鈕，將click事件綁定到changeMessage方法上
<div id="app">
<p>{{ message }}</p>
<button v-on:click="changeMessage">Change Message</button>
</div>

在這個例子中，我們使用了v-on指令將button的click事件綁定到我們之前定義的changeMessage方法上。當按鈕被點擊時，changeMessage方法就被觸發了。

除了在事件中使用methods來改變組件中的數據之外，我們也可以在methods中定義許多其它有用的方法。比如，我們可以定義一個計算屬性來計算組件中的某些值。

// 在methods中定義一個計算屬性
var app = new Vue({
el: '#app',
data: {
message: 'Hello Vue!',
number1: 10,
number2: 20
},
methods: {
addNumbers: function () {
return this.number1 + this.number2
}
},
computed: {
result: function () {
return this.addNumbers()
}
}
})

在這個例子中，我們定義了一個addNumbers方法，在方法中計算了number1和number2的和。然后，我們使用computed選項來定義一個計算屬性result，在result中調用了addNumbers方法以計算最終結果。

總的來說，使用Vue的methods選項能夠讓我們方便地改變組件中的數據，并且能夠幫助我們更好地構造我們的組件。