Vueの（1） - はじめに - コードワールド

Vueの特長：プログレッシブ[深い浅いから、簡単なものから複雑なものまで]

このスクリプトは、さまざまな方法を導入するために使用することができます。
< スクリプトSRC = "vue.js" タイプ= "テキスト/ javascriptの" 文字セット= "UTF-8" > </ スクリプト>

グローバル関数ヴュー（）アプリ] [Vueのインスタンスを使用してアプリケーションオブジェクトを作成します。

1  < DIV ID = "アプリケーション" > 
2      < P > {{名前}} </ P > 
3  </ DIV > 
4  < スクリプトタイプ= "テキスト/ javascriptの" > 
5      VARのアプリ=  新しいヴュー（{
 6          EL：' #app ' 、
 7つの         データ：{名：" ヴュー" }
 8      }）。
9  </ スクリプト>

名前付き仕様： 使用 VM 名の適用のための：[略語ビューモデル（ビューモデル）]
< スクリプトタイプ= "テキスト/ javascriptの" > 
    VAR VM =  新しいヴュー（{
         // 省略
    }）。
</ スクリプト>

一般的に使用される方法[]と[]のプロパティ ： 一般$接頭辞、属性が区別ユーザーをカスタマイズします

< DIV ID = "アプリケーション" > 
    {{}} 
</ DIV > 
< スクリプトタイプ= "テキスト/ javascriptの" > 
    VAR VM =  新しいヴュー（{ 
        EL：" #app " 、
        データ：{：1 } 
    }） ; 
    。VM $ data.a =  " テスト.... "  // 等同于vm.a 
    VM $時計（' ' 、関数（newValに、OLDVAL）{ 
        にconsole.log（newValに、OLDVAL）; 
    }）<
スクリプト> 
<！ - 
　　[プロパティ] 
　　　　（1）$ VM EL - 。のdocument.getElementById（ 'アプリケーション'）
　　　　（2）データVM $ - 。データを取得
   　　      VM data.a $ = 'AAA'が- 。同等物「AAA」= vm.aに
            Vueのデータは、それ自体に結合するか、方法は直接アクセスし、コンテンツvm.aのために使用することができる       
    [方法] 
        VM $見る- 。変数値の変化を観察
 - >

応答のコンセプトは ： 単にその意味リアルタイムの応答データを

1  < DIV ID = "アプリケーション" > 
2      {{}}、{{B}}
 3  </ DIV > 
4  < スクリプトタイプ= "テキスト/ javascriptの" > 
5      VARのデータ= {：1 }。
6      VARのVM =  新しいヴュー（{
 7          EL：" #app " 、
 8つの         データ：データ
 9      }）。
10  </ スクリプト> 
11  <！ - 
12     （1）data.a = 2;第1の変形例-リアルタイム応答成功
 13である     （2）= 2 vm.a; -第二変形例、成功リアルタイム応答
 14      （図3）。3 = vm.b;データ【初期】なし準備Bが存在しない-障害、直接表示B} {} {に応答して
 15      （4）Object.freeze（）関数は、プロパティの停止を変更するために使用され、式[]の無効応答に
 16  - >

Vueの（1） - はじめに

おすすめ