V-テキストおよびV-HTMLを使用してvue.js

V-テキスト：出力をエスケープ

V-HTML：出力を逃れられません

 

これは、直接脱出、その後、直接使用する場合は、{{HTML}}と言って価値があります

 

コードを見てください：

<！DOCTYPE HTML > 
< HTML LANG = "EN" > 
< 頭> 
    < メタ文字コード= "UTF-8" > 
    < タイトル> vue.js使用V-テキスト和のV-HTML </ タイトル> 
    < スクリプトSRC = "vue.js " > </ スクリプト> 
</ ヘッド> 
< スタイル> 
</ スタイル> 
< 身体> 
< div要素のid ="「頼みます> <！
    < 本部V-HTML = "HTML" > </ divの> <！ - 出力を逃れられない- > 

    < divのV-テキスト= "HTML" > </ divの> <！ - 出力をエスケープします- > 
< / DIV > 
< スクリプト> 
    VAR のApp =  新しい新しいヴュー（{ // インスタンス化VUE 
        EL：' #ask ' 、// VUEは、要素ID、の制御尋ねる
        データ：{ 
            タイトル：' ask.mykeji.netを' 、
            HTML："<H1スタイル= "色：赤"> mykeji </ H1> ' 
        } 
    }）。
</ スクリプト> 

</ ボディ> 
</ HTML >