Vue

なぜ必要なのか

テンプレートと変化するデータを同期したい。表示項目を一つずつ直すと、作業が重複し画面が食い違います。

どう解決するのか

現場ノートのカード2枚は未保存で開始します。A17を保存すると、そのカードだけ保存済みになり、B04は変わりません。B04も保存すると合計は1から2になります。同じIDを再び保存しても合計は2です。図はリアクティブな状態とテンプレートをつなぎます。リセット・再読み込みで両方を消します。永続保存はありません。

どんな考え方なのか

Vueはテンプレートをリアクティブな状態に結び付けます。単一ファイルコンポーネントはロジック・テンプレート・スタイルの記述形式であり、通信ファイル1つを保証しません。

共有状態の管理と外部保存は別に決めます。

出典