今天在寫一個頁面的時候，需要在一個 v-for 迴圈裡面給每個 item 繫結一個點選事件，在這個事件中我需要拿到所點選 item 裡面的資料和它的 index。寫法如下：

<div @click="chooseAddress(item,index)" v-for="(item,index) in addresses">
</div>

這基本上就是標準寫法，@click 裡面的是我們的點選事件，這個點選事件需要宣告在 vue 物件的 methods 節點下，在裡面處理相關的邏輯。

下面才是本文的重點，記錄下來，避免以後再犯這樣的低階錯誤（說起來都是淚，自己把自己坑了一下午，，，）。

上圖用紅框圈起來的地方是要特別注意的，首先是 methods ，這個節點裡面都是你宣告的相關方法，注意的是寫的時候不要漏掉了 s,是 methods，就這麼一個小細節，坑了我幾個小時，一直是以為定義的方法沒有執行，各種搜為什麼方法沒有執行什麼的，一直搜不到，，，，最後才發現是漏掉了一個 s ,當時真是想撞牆。
第二個注意點就是方法裡面的 this ，這裡的 this 是指向的是 vue 的 data 節點，也就是 vue.$data 這個物件。可以用它來直接操作你需要操作的資料。要注意的是用的時候千萬不要漏寫了，我當時就是在 for 迴圈裡面漏寫了 this，效果就一直出不來，我還各種去找原因，，，，

最後，vue 是一個數據驅動的框架，能通過操作資料來達到效果的地方就不要去操作 DOM了。所以我在宣告的方法裡面都是對資料進行操作，資料改變後，vue 會幫你去做頁面渲染。

以上，就是這次的踩坑記。