Vue.js 是一款流行的前端框架，它提供了一系列的指令和方法，可以大大簡化我們開發過程中的代碼。其中，Vue.js 提供的 forEach 方法是十分實用的，今天我們就來學習一下 Vue.js 的 forEach 方法的使用方法。

Vue.js 的 forEach 方法是一個數組迭代方法，用來遍歷數組并執行指定操作。除此之外，它還具有一個特性，就是在遍歷過程中可以改變數組的元素值。

items: [
{id: 1, name: 'apple'},
{id: 2, name: 'banana'},
{id: 3, name: 'orange'},
],
changeName() {
this.items.forEach(item =>{
item.name += ' fruit';
});
}

通過以上代碼可以看出，在 Vue.js 中，forEach 方法非常簡單易用。首先，我們需要將待遍歷的數據存放在一個數組中，并定義了一個名為 changeName 的方法。隨后，在 changeName 中調用 forEach 方法，以箭頭函數的形式傳入一個 item 參數，然后我們就可以在箭頭函數體內執行具體的操作。

在本案例中，我們給每一個 items 數組中的元素的 name 屬性追加了 “ fruit “ 這個字符串。需要注意的是，由于 forEach 方法是原生的 JavaScript 方法，因此我們的箭頭函數內部使用的 this，是指向全局對象 window，而不是 Vue 實例。如果在箭頭函數內部需要使用 Vue 實例，需要預先將 this 保存在另外一個變量中。