Vue是一款流行的JavaScript框架，用于創建交互式的Web應用程序。在Vue中，methods是一種用于添加Vue實例中自定義方法的選項。

Vue的methods選項是一個對象，其中包含Vue實例可以調用的方法。這些方法可以用于執行特定的任務或響應事件。要定義一個方法，請在Vue實例的methods選項中添加一個函數。

new Vue({
el: '#app',
data: {
message: 'Hello Vue.js!'
},
methods: {
sayHello: function () {
alert(this.message)
}
}
})

在上面的代碼中，我們定義了一個名為sayHello的方法，它彈出message數據屬性的值。在Vue實例中，我們可以通過以下方式調用該方法：

new Vue({
el: '#app',
data: {
message: 'Hello Vue.js!'
},
methods: {
sayHello: function () {
alert(this.message)
}
},
created: function () {
this.sayHello()
}
})

在這里，我們在Vue實例的created鉤子中調用了sayHello方法。這意味著在Vue實例創建時，它將調用該方法。

我們還可以使用Vue的指令v-on來調用methods中的方法。例如：

<div id="app">
<button v-on:click="sayHello">Say Hello</button>
</div>
new Vue({
el: '#app',
data: {
message: 'Hello Vue.js!'
},
methods: {
sayHello: function () {
alert(this.message)
}
}
})

上述代碼中，我們在一個按鈕元素上使用v-on指令并將其綁定到sayHello方法。這意味著當用戶單擊該按鈕時，將調用該方法。

在Vue中，我們還可以使用ES6的箭頭函數來定義methods方法。例如：

new Vue({
el: '#app',
data: {
message: 'Hello Vue.js!'
},
methods: {
sayHello: () => {
alert(this.message)
}
},
created: function () {
this.sayHello()
}
})

在這里，我們使用了箭頭函數來定義sayHello方法。在箭頭函數中，我們不再需要使用this關鍵字，因為箭頭函數綁定了外層this上下文。這意味著我們可以直接訪問Vue實例的數據屬性，而不必使用this關鍵字。

在Vue中，我們還可以將methods方法分割成更小的方法。這使得代碼更易于理解，更易于維護。例如：

new Vue({
el: '#app',
data: {
message: 'Hello Vue.js!'
},
methods: {
sayHello: function () {
this.showMessage()
},
showMessage: function () {
alert(this.message)
}
},
created: function () {
this.sayHello()
}
})

在上述代碼中，我們將sayHello方法分割成更小的方法showMessage。然后，在sayHello方法中，我們調用showMessage方法。這使得代碼更加干凈，更加易于理解。

總結：Vue的methods選項允許我們添加Vue實例中自定義的方法。我們可以使用v-on指令或鉤子函數來調用這些方法。我們還可以將methods方法分割成更小的方法，使代碼更易于理解。