マガジンのカバー画像

Vue入門

10
Vue入門についてHTML、CSS そして JavaScript の中レベルのフロントエンドの知識を前提にしています。フロントエンドの開発が初めてであるならば、最初のステップとし… もっと読む
vue関連の知識を継続に更新していきます。
¥1,498
運営しているクリエイター

記事一覧

02 Vue.jsの基本的な仕組みを理解

Vue.js のコアは、単純なテンプレート構文を使って宣言的にデータを DOM に描画することを可能…

03 ToDoアプリを作ってみます

ToDo管理ができるようなアプリを作りながら、Vue.jsの理解を深めていきます。 目標はシンプル…

04 Webの見た目を整えよう

ToDoアプリの見た目を整えていきます。 アプリのスタイリング いろいろな機能を作り込んでい…

100

05 v-onでイベントを設定

次は todo を追加できるようにしていきます。 学習ポイントは: v-onディレクティブでイベン…

100

06 ToDoを削除できるように

今回の学習ポイントは下記となります。 ToDoの削除機能を実装する方法、deleteItemの実装 ま…

100

07 完了状態を管理

この記事はマガジンを購入した人だけが読めます

08 v-bindでクラス操作

今回の学習ポイントは下記となります。 チェックボックスを追加したのち、ToDoの完了状態に応じてv-bindでクラスを切り替えていきます ①チェックボックスの追加 ②v-bind 前回ToDo の完了状態がわかるようにチェックボックスを付けてあげます。 ファイルのパス:/VueApp/index.html <input type="checkbox"> としてあげます。 チェックボックスがつきましたが

有料
100

10 算出プロパティを使って

今回の学習ポイントは下記となります。 算出プロパティを使って、ToDoの残数を表示させていき…

100

11 完了したToDoを一括削除

今回の学習ポイントは下記となります。 完了したToDoを一括削除する方法について見ていきます…

100

12 LocalStorageでデータを永続化

今回の学習ポイントは下記となります。 LocalStorageを使って、入力したデータを永続化させる…

100