在Vue中，我們通常使用v-for指令渲染一個數組，并且經常需要更改這個數組的值，例如向數組中添加、刪除或編輯元素。這個過程雖然不是很復雜，但是需要一些基本的Vue知識和JavaScript技巧。

首先，在Vue組件的data()方法中定義一個數組list，并且在v-for指令中使用它。我們在methods選項中定義了三個方法：add用于向數組末尾添加一個元素，delete用于刪除指定索引的元素，edit用于修改指定索引的元素。這三個方法都是通過this訪問組件的data()函數來操作list數組的。

為了演示這些操作，我們在組件中添加幾個按鈕，分別對應上述三個方法。

在模板中，我們使用v-for指令遍歷數組list，并且為每個元素創建一個li標簽。我們為三個按鈕添加了@click事件監聽器，分別對應上述三個操作。

現在，在點擊這些按鈕的時候會出現背景顏色不同的三個圖標。它們分別表示添加、刪除和編輯操作成功。我們可以單擊這些圖標來查看它們的效果。

在編輯操作中，我們將第3個元素修改為100。這個操作成功后，列表中第3個元素的值將改變為100，也就是列表最后一項表示100。

總的來說，在Vue中改變數組的值有許多種方法。除了我們在上面演示的三個方法外，還可以使用Vue.set()、Vue.delete()等專門為數組操作而設計的方法。此外，在使用這些操作時，一定要注意避免直接操作數組的原型，因為這樣會導致Vue無法檢測到變化。