在Vue中，我們經常需要用到點擊事件來操作數組。Vue提供了一些很方便的方式來實現這個功能，下面我們就來詳細講解一下。

首先，我們需要定義一個數組，并將其聲明在data中：

data: {
myArray: ['apple', 'banana', 'orange']
}

接著，我們需要在模板中使用v-for指令來展示數組中的成員：

<ul>
<li v-for="item in myArray" :key="item">
{{ item }}
</li>
</ul>

這段代碼會將myArray數組中的每個成員渲染為一個li元素，并顯示其內容。下面，我們來看看如何通過點擊事件來操作這個數組。

我們可以在模板中定義一個按鈕，并在按鈕上添加一個@click指令。在指令后面加上一個方法即可：

<button @click="addToMyArray">Add to myArray</button>

在Vue實例的methods對象中，我們可以定義這個方法：

methods: {
addToMyArray: function () {
this.myArray.push('grape');
}
}

這個方法會在按鈕被點擊時執行，向myArray數組中添加一個新的元素。我們在模板中點擊按鈕，就會看到myArray數組被更新了。

我們也可以通過點擊模板中的數組元素來觸發一個事件，進而修改數組。為了實現這個目標，我們可以在v-for指令中添加一個@click指令，然后在@click指令后面定義一個方法。下面是示例代碼：

<ul>
<li v-for="item in myArray" :key="item" 
@click="removeFromMyArray(item)">
{{ item }}
</li>
</ul>

這段代碼會在每個li元素上添加一個@click指令，當一個li元素被點擊時，在Vue實例的methods對象中定義的removeFromMyArray方法會被調用。

這個方法可以這樣定義：

methods: {
removeFromMyArray: function (item) {
var index = this.myArray.indexOf(item);
if (index >-1) {
this.myArray.splice(index, 1);
}
}
}

這個方法會接收一個參數item，這個參數就是被點擊的li元素的內容。方法會通過indexOf方法找到myArray數組中item元素的位置，并使用splice方法將其從數組中刪除。

通過點擊事件來操作數組是Vue中一個非常常用的功能。Vue提供了一些非常方便的指令和方法來實現這個功能，開發者只需要跟隨上面的示例，即可輕松完成這個操作。