Study Day34 11.12

レビュー
Vueで最も基本的な構造
​ 1.ファイルのインポート
​ 2.Vueインスタンス制御領域の作成
​ 3.VMインスタンスの作成
MVVM
Vueのコマンド

v-cloak

v-textデフォルトで点滅の問題を解決

v-html

v-bind属性バインドメカニズムの略語は:

v-onイベントバインドメカニズムの略称は@

今日の目標

学習Vueに残る命令

Node.jsの環境構成

項目一:お腹すいた?
項目二:注文システム
イベント修飾子:

.stop阻止泡

.prevent阻止デフォルト動作

.Captureイベントキャプチャ

.self実装は、現在の要素をクリックする場合にのみイベント処理関数

をトリガする.

.onceはイベント処理関数の前後順序を1回だけ実行するのは重要ではない

Vue命令のv-modelと v-bind M — V
簡易計算機のケース
Vueでのスタイルの使用
classスタイルの使用

配列

配列における三元式

の使用

配列にネストされたオブジェクト

直接使用オブジェクト

インラインスタイルの使用

は、要素上に:styleの形式で直接書くスタイルオブジェクト

である.

スタイルオブジェクトをdataに定義し、:styleの

に直接参照する.

は、:styleの配列を介して、複数のdata上のスタイルオブジェクト

を参照する.
Vue命令のv-forおよびkey属性

反復配列

反復オブジェクトのプロパティ

反復数

2.2.0+のバージョンでは、コンポーネントでv-forを使用する場合、keyが必要になります.
Vue.jsは、v-forでレンダリングされた要素のリストを更新している場合、デフォルトでは「その場で多重化」ポリシーを使用します.データ・アイテムの順序が変更されると、VueはDOM要素を移動してデータ・アイテムの順序に一致させるのではなく、ここで各要素を単純に多重化し、レンダリングされた各要素が特定のインデックスの下で表示されることを確認します.
Vueに各ノードのアイデンティティを追跡し、既存の要素を再利用して並べ替えるためのヒントを与えるには、各項目に一意のkeyプロパティを提供する必要があります.
Vue命令のv-ifとv-showNode.js開発環境準備

一般インストール方式公式サイト

マルチバージョンのインストール方法

既存のノードをアンインストールします.js

nvm

をダウンロード