◇2回目:2週間で完了予定
Section 0 はじめに: 2/9 ➡終了
・Windowsのインストール問題なくできた。無事環境構築もでき
・プロジェクトも作成できた!
Section 1 Vuexとは:2/10 ➡2/11終了!
・小さく、自己完結的で、再利用可能なコンポーネント!
・単一コンポーネントは、HTML(テンプレート)・JS(ロジック)・CSS(スタイル)を
1つのファイルに配置します。
・画面ごと、またはUI部品ごとに単一コンポーネントを作成することで
一貫性と保守性に優れます
・データの受け渡しが増えていくことで、データがどこで変更されたか等のデータの流れが
追いづらくなり、メンテナンスが困難なコードとなってしまいました。
このような問題を解決するために生まれたのがVuexです。
―storeの4つの機能―
storeには「state」、「mutations」、「actions」、「getters」の4つの機能が登場!
「state」は、アプリケーション全体のデータの状態を管理
「mutations」は、stateの更新だけを行います。
「actions」は、mutationsの呼び出しを行います。また、非同期なAPI通信もここで行い ます。
「getters」は、stateの値を算出したものを返す場合に役立ちます。Vueのcomputedと同様の動きをします。
★Vuexは状態管理に関わる概念を定義、分割し、特定のルールを定めることで、コードの構造と保守性をアップさせています。!
Vuexの概要.PNG
Section 2 TOPページを作成しよう:2/11 ➡ 2/21
Section 3 Listを作成できるようにしよう:2/22
Section 4 Cardを作成できるようにしよう:2/23
Section 5ドラッグ&ドロップ機能を追加しよう:2/25
Section 6 終わりに:2/26