付箋アプリのリストレンダリング

[knokmki612]

添字でのリストレンダリングは、リストの変更時（付箋の削除など）に意図しない挙動を引き起こす。

vue-3-practices/handson-sticky/pages/sub.vue

Lines 16 to 17 in 90b7b26

	v-for="(sticky, index) in stickies.data"
	:key="index"

初学者で、以下を考慮して実装を書き換えるのは大変。

このデフォルトのモードは効率性が高いものの、これが適すのは、リストのレンダリング出力が子コンポーネントの状態や一時的な DOM の状態（フォームの入力値など）に依存しない場合に限られます。

https://ja.vuejs.org/guide/essentials/list.html#maintaining-state-with-key