methods()是Vue.js中的一個非常重要的方法，它可以讓我們定義一些特定的函數，這些函數被綁定到Vue對象上，可以在模板中直接調用。

例子：方法調用
添加一個button并綁定click事件。
VUE:
new Vue({
el: '#app',
data: {
message: 'Hello Vue.js!'
},
methods: {
showMessage: function () {
alert(this.message)
}
}
})
HTML:點我

從上面的例子中，我們可以看出，Vue中的方法就是在methods屬性中定義一個函數。這個函數可以與Vue實例中的數據進行交互。在這個例子中，我們定義了一個名為showMessage的方法，當用戶點擊按鈕時，就會調用這個方法。這個方法會彈出一個窗口，顯示我們定義的message。

更復雜的場景下，我們需要使用methods()來幫助我們完成更多的工作。例如，我們可能需要使用methods()來處理用戶輸入數據的驗證:

例子：自定義方法進行用戶輸入數據的驗證
VUE:
new Vue({
el: '#app',
data: {
username: '',
password: ''
},
methods: {
validate: function () {
if (this.username.length< 3) {
alert('用戶名長度不能少于3位')
} else if (this.password.length< 6) {
alert('密碼長度不能少于6位')
} else {
alert('恭喜您，輸入正確')
}
}
}
})
HTML:用戶名：密碼：驗證

從上面的例子中，我們可以看出，我們定義了一個名為validate的方法，用于驗證用戶輸入的數據。這個方法使用if語句來檢查輸入的數據是否正確。如果數據輸入不正確，就彈出一個窗口錯誤提示。

但是，你需要注意，methods()并不是用來處理復雜邏輯的地方。如果你發現你的代碼越來越復雜，你需要開始思考應該將它們轉移至計算屬性、watcher或 computed watcher 中。

最后，你還需要提醒自己的是methods并不是用來調用異步操作的地方。如果你的methods()涉及到了網絡請求，你必須使用 Vue Resource 或者其他的插件來完成這個異步請求，而不是將它們內嵌在methods()中。