vue-training

Vueの勉強

目標

• Vueの基本的なbindを利用すること(v-if,v-for,bind...)
• Slotで動的なコンポーネントを作成してページ切り替えをすること
• Mixin/カスタムディレクティブの利用
• Vuexの使用

制作物: TodoList

仕様

• フォーム入力でタスクを作れる、画面右半分で追加するイメージ
• 既にあるtodoを開くと右側に修正用のフォームが出る
• 予定↔︎達成のタスク表示切り替え(slot/Mixin)
• Todoを開くと詳細を知ることができる(propsとdata)
• computeで内容の変更を記録する
• タスクのカテゴリ別に表示する内容を変える、カテゴリによってカラーを少し変える
• データはVuexで管理
• Tailwindcssを利用