VUE-メモ帳----おなじみVUE命令

新しいリストをレンダリングし、データ入力ボックスVUEインスタンスの配列を渡します「keyup.enter」:V-のレンダリングリストページを使用して、V-上を使用している間に入力されたデータを結合Vモデルを使用。
ここに画像を挿入説明
ここに画像を挿入説明
ここに画像を挿入説明

ここに画像を挿入説明

メモ帳削除機能
指標V-のためのアイテムを使用して、パラメータインデックスを渡し、remove関数の追加]をクリックし、現在のページの主題の下でスプライス要素の除去の使用はタイムリー現在の配列をレンダリングしますV-の指示バインディングを使用します。
ここに画像を挿入説明
ここに画像を挿入説明

ここに画像を挿入説明

メモ帳統計的
補間式{{list.length}}取得した配列の長さ
ここに画像を挿入説明
ここに画像を挿入説明

メモ帳を空
のVに結合機能のボタンは、機能使用list.splice(0、list.length)は、空の配列に応答しながらレンダリングを達成するために使用します。
ここに画像を挿入説明
ここに画像を挿入説明

非表示メモ帳下部
V-IF V-表示または非表示を使用して、頻繁に空にメモ帳のために必要があるため、条件は、リストの長さが空であることができるか否かが判定されます。
ここに画像を挿入説明

メモ帳の概要
ここに画像を挿入説明
馬VUEのチュートリアルから取ら

公開された17元の記事 ウォンの賞賛1 ビュー3420

おすすめ

転載: blog.csdn.net/weixin_43983570/article/details/105274755