リストに「削除機能」を追加しました。リストに編集機能をつけてみます。デモサイト前提知識コーディングに入る前に必要な知識をここで確認します。算出プロパティ任意に処理を含めることのできるデータです。}})HTMLHTMLからは以下のように使います。}}</p>v-forリストを一覧表示する場合には「v-for」ディレクティブを使用します。インデックスが設定されます。リストを一意に判別するするためのkeyをバインドします。</ul></div>v-modelv-modelディレクティブを使用すると入力フォームにデータプロパティをバインディングすることができます。初期フォーカスを設定する方法です。してコントロールにアクセスできるようになります。形式でアクセスします。this.$refs.text1.focus();配列操作push()配列の末尾に値を追加します。'c']splice()配列の指定した位置に一つ以上の値を追加します。'c']作業手順1.Vueインスタンス(データプロパティ)データプロパティには次のようなものを定義します。現在編集している要素のインデックス。}},:3.Vueインスタンス(リスト操作用メソッド)次のような機能を持ったメソッドを定義していきます。</li></ul>:以上です。Vue.js僕は基本的にネットで勉強しているのですが、最終的に知識を整理するために、この本を手にとって知識を整理しました。表紙のVロゴより目立っている「ねこちゃん」は本文中でもよく登場します。一部では猫本と呼ばれているそうですね。中もカラフルで図表も多く、とても読みやすかったです。解説は端折っています。わかりずらいところがあるかもしれません。いう方はこの本を読めば理解できるかと思います。気づいたことや新しい発見など情報を発信していきます。コメントをキャンセルメールアドレスが公開されることはありません。honjo_masanoriバナーWebエンジニアとしての就職、転職、フリーランスに関しての情報はコチラ!Laravelが学べるプログラミングスクールに関しての記事をまとめています。ENTRYLaravel6にメール設定(MailGun編)前回、Laravelのログイン機能を自動生成し、各画面を確認しました。ログイン機能を作成しました。/まとめ環境構築PHPフレームワークのひとつであるLaravelを専門に書いている学習サイトです。