<li v-for="(todo, index) in todos"> の (todo, index) は何を意味しているのですか?

詳しく説明していきます。
2021年7月14日
ユーザー

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) は何を意味しているのでしょうか。

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

この回答を見るにはプレミアムプランへの登録が必要です

プレミアムプランとは?

このレッスンの質問と回答(1)