Vue中的methods用于存放視圖層的方法，它的格式如下：

methods: {
methodName() {
// 方法體
}
}

其中methods是一個對象，存放著所有的方法，每個方法都是一個函數，函數名為方法名，函數體內編寫具體的代碼。

在Vue中，methods主要用于以下兩個方面：

• 響應用戶事件，實現視圖層的交互效果。
• 通過調用某個方法更新數據，實現數據和視圖的雙向綁定。

下面我們來介紹一下methods的具體使用：

1. 響應用戶事件

Vue中的methods可以響應所有的瀏覽器事件，例如click、keyup、submit等等。在模板中通過v-on指令將方法和事件綁定在一起：

<button v-on:click="methodName">Click me</button>

另一種常用的寫法是使用縮寫形式：

<button @click="methodName">Click me</button>

這樣當用戶點擊按鈕時，methodName方法就會被自動調用。

2. 更新數據

除了響應用戶事件，methods還可以通過調用某個方法來更新data中的數據。我們可以在methods中定義一個方法，然后在模板中通過綁定事件來調用這個方法：

methods: {
updateData() {
this.message = 'Hello, Vue!';
}
}

<button @click="updateData">Update data</button>

當用戶點擊按鈕時，updateData方法就會被調用，從而更新message的值。

3. 傳遞參數

在methods中定義的函數可以接受參數。我們可以在模板中通過v-on指令傳遞參數，如下所示：

methods: {
sayHello(name) {
alert('Hello, ' + name + '!');
}
}

<button @click="sayHello('Vue')">Say hello</button>

當用戶點擊按鈕時，sayHello方法就會被調用，它將接受'Vue'作為參數，然后彈出"Hello, Vue!"的對話框。

4. 訪問組件實例

在methods中除了可以訪問data中的數據，還可以訪問組件實例。我們可以在方法體內使用this關鍵字來引用組件實例對象，訪問其中的屬性和方法。例如：

methods: {
onSubmit() {
// 獲取表單數據
const formData = this.$refs.formData.value;
// 發送表單數據到服務器
this.$http.post('/api/submit', formData);
}
}

在上面的例子中，onSubmit方法訪問了組件實例的$refs屬性，獲取了FormData對象，然后使用組件實例的$http屬性發送了POST請求。

總之，methods是Vue中非常重要的概念，它為我們提供了一種直接操作視圖的方式，讓我們能夠快速地響應用戶事件、更新數據和維護組件邏輯。