index の意味、挙動の理解が難しいです。

私の理解だと下記の通りになります。

1. <span @click="deleteItem(index)" class=command>[x]</span>
   [x] がクリックされたら、deleteItem 関数を呼び出す。

2. deleteItem: function(index){if(confirm('are you sure?)')){ this.todos.splice(index,1);}}
deleteItem は、JavaScript で上記のように定義されている。
   splice によって、index 番目(クリックされた配列要素)を配列から一つ削除する。

3. <li v-for="(todo, index) in todos">
   2 によって要素が減少(変動)した todos を、todo に代入。

上記の流れにおいて、index の挙動がしっくりこないです。

まず 1 において、index はクリックされた要素の番号(何番目か)が取得されているという意味で理解しいるのですが、
その場合、3 の (todo, index) は何を意味しているのでしょうか。

よろしくお願いいたします。