ゼロからvue(学習ノート1)
1592 ワード
一、VUE定義:プログレッシブフレームワーク
テンプレートHTML+データ(ページにレンダリング)+vueでインスタンスを宣言(パラメータを渡す)
二、VUEの二つの核心内容:
三、VUEの使用:
1、公式サイトでインストール開発板をダウンロードする
2、引用VUE:
(1)まずマウントポイントを宣言する必要があります. el:"#demo"
(2)その後、データ送信:data:data
*レスポンスを実現するためのデータバインディング:vm.message="*******"
*Object.definedPropertyのsetter/getterエージェントデータを使用して、データの操作を監視します(IE 8は互換性がありません)
//Object.definedProperty MDN
四、仮想DOM
テンプレート--レンダー関数--仮想DOMツリー--リアルDOM
五、MVVMモード
Model:データモデル
View:ビューテンプレート
VM:View-Modelビューモデル
6、VUEインスタンス
構文:new vue(オプションオブジェクト)new vue
オブジェクトのプロパティ:
//よく使う
el:エレメントセレクタに掛ける(どのテンプレートを選択するか)
data:エージェントデータ(バインドデータ)
method:メソッドの定義(イベント処理は関数に実行させる)
*vue自身の属性は$で始まる
*vueは宣言レンダリングです(どのように実装するかにかかわらず、どこで何をするかを宣言します).
テンプレートHTML+データ(ページにレンダリング)+vueでインスタンスを宣言(パラメータを渡す)
二、VUEの二つの核心内容:
1、
2、組み合わせのビュー構築三、VUEの使用:
1、公式サイトでインストール開発板をダウンロードする
2、引用VUE:
3、伝達パラメータ:
(1)まずマウントポイントを宣言する必要があります. el:"#demo"
(2)その後、データ送信:data:data
*レスポンスを実現するためのデータバインディング:vm.message="*******"
*Object.definedPropertyのsetter/getterエージェントデータを使用して、データの操作を監視します(IE 8は互換性がありません)
//Object.definedProperty MDN
テンプレート--レンダー関数--仮想DOMツリー--リアルDOM
Model:データモデル
View:ビューテンプレート
VM:View-Modelビューモデル
構文:new vue(オプションオブジェクト)new vue
オブジェクトのプロパティ:
//よく使う
el:エレメントセレクタに掛ける(どのテンプレートを選択するか)
data:エージェントデータ(バインドデータ)
method:メソッドの定義(イベント処理は関数に実行させる)
*vue自身の属性は$で始まる
*vueは宣言レンダリングです(どのように実装するかにかかわらず、どこで何をするかを宣言します).