V-モデルvワンスを使用してvue.js

Vモデル2ウェイバインディング

結合シングルVワンス

コード:

<!DOCTYPE HTML > 
< HTML LANG = "EN" > 
< > 
    < メタ文字コード= "UTF-8" > 
    < タイトル> vue.js使用V-モデルvワンス</ タイトル> 
    < スクリプトSRC = "vue.js" > </ スクリプト> 
</ ヘッド> 
< スタイル> 
</ スタイル> 
< 身体> 
< div要素のid = "頼みます" > <!
    H1 > {{}}タイトル</ のH1 > 
    < INPUTのタイプ= "テキスト" V-モデル= "タイトル" > <! - 道が結合- > 
    < H3 Vワンス> {{}}タイトル</ H3 > <! - 一度だけバインド- > 
</ divの> 
< スクリプト> 
    VAR のApp =  新しい新しいヴュー({ // インスタンス化VUE 
        EL:' #ask ' // VUEは、要素ID、制御尋ねる
        データ:{ 
            タイトル:"ask.mykeji.net ' 
        } 
    })。
</ スクリプト> 

</ ボディ> 
</ HTML >

 

おすすめ

転載: www.cnblogs.com/tommymarc/p/11627387.html