VUE結合特性と双方向のデータバインディング

<！DOCTYPE HTML > 
< HTML LANG = "EN" > 
< 頭> 
    < メタのcharset = "UTF-8" > 
    < タイトル>属性バインディングと双方向のデータバインディング</ タイトル> 
    < スクリプトSRC = "Vue.js" > </ スクリプト> 
</ ヘッド> 
< 身体> 
< DIV ID = "ルート" > 
    <！ - 使用：またはV-バインド：divの属性値がデータソースVUEのデータを指してみましょう- > 
    <！ - 結合特性1. V-バインド：2： - > 
    < divの：タイトル= " '取引李' +タイトル" > 
        Hello Worldの
    </ divの> 
   <！ - 双向绑定- > 
    < 入力Vモデル   = "コンテンツ" /> 

    < divの> {{内容}} </ DIV > 
</ divの> 
< スクリプト> 
    新しいヴュー（
        { 
            エル：" #root " 、
            データ：{ 
                タイトル：" これはハロー世界である" 、
                コンテンツ：「これは、コンテンツです" 
            } 
        } 
    ）
</ スクリプト> 
</ ボディ> 
</ HTML >