Vueの一般的なコマンド：

V-のテキスト：

<！DOCTYPE HTML> 
<HTML LANG = "EN"> 
<HEAD> 
    <メタ文字コード= "UTF-8"> 
    <META HTTP-当量= "X-UA-互換"コンテンツ= "IE =エッジ"> 
    <メタ名= "ビューポート"コンテンツ= "幅=デバイス幅、初期スケール= 1"> 
    <タイトル>タイトル</タイトル> 
    <スクリプトSRC = "./静的/ vue.min.js"> </ SCRIPT> 
</ヘッド> 
<身体> 
    の<divのid = "アプリ" V-テキスト= "挨拶"> </ div> 
    <スクリプト> 
        //数据模板引擎：
        // V-开头的指令是帮助我们渲染数据用的
        に新しいヴュー（ { 
            EL： "＃アプリ" 
            データ：{ 
                挨拶：」こんにちはヴュー」、 
            } 
        }）
    </スクリプト> 
</ BODY> 
</ HTML> 
V-HTML：

<！DOCTYPE HTML> 
<HTML LANG = "EN"> 
<HEAD> 
    <メタ文字コード= "UTF-8"> 
    <META HTTP-当量= "X-UA-互換"コンテンツ= "IE =エッジ"> 
    <メタ名= "ビューポート"コンテンツ= "幅=デバイス幅、初期スケール= 1"> 
    <タイトル>タイトル</タイトル> 
    <スクリプトSRC = "./静的/ vue.min.js"> </ SCRIPT> 
</ヘッド> 
<身体> 
    の<divのid = "アプリ" V-HTML = "挨拶"> </ div> 
    <スクリプト> 
        //数据模板引擎：
        // V-开头的指令是帮助我们渲染数据用的
        に新しいヴュー（ { 
            EL： "＃アプリ" 
            データ：{ 
                挨拶：」<H1>こんにちはヴュ</ H1>」、 
            } 
        }）
    </スクリプト> 
</ BODY> 
</ HTML> 
V-用：

<！DOCTYPE HTML> 
<HTML LANG = "EN"> 
<HEAD> 
    <メタ文字コード= "UTF-8"> 
    <META HTTP-当量= "X-UA-互換"コンテンツ= "IE =エッジ"> 
    <メタ名= "ビューポート"コンテンツ= "幅=デバイス幅、初期スケール= 1"> 
    <タイトル>タイトル</タイトル> 
    <スクリプトSRC = "./静的/ vue.min.js"> </ SCRIPT> 
</ HEAD> 
<BODY> 
    <DIV ID = "アプリケーション"> 
        <UL> 
            <LIのV-ため= "aihaoでfuningbo"> {{aihao}} </ LI> 
        </ UL> 
        <UL> 
            <LIのV-ため= "学生の学生">姓名：{{student.name}}、年齢：{{}} student.age、趣味：student.hobby {{}} </ LI> 
        </ UL> 
    </ div> 
    <SCRIPT> 
        //データテンプレートエンジン：
        //命令の先頭には、私たちを助けることですV-描画データを使用します
        Vueの新しい新しい（{ 
            EL： "アプリケーション＃"、
            データ：{ 
                funingbo：[ "ファイ黄色のローブ"、 "チキン"、 "持っていることについて"、 "ナイト"]、
                学生：[ 
                    { 
                        名： "張Mincong" 
                        時代：28、
                        趣味： "少女"、
                    }、
                    { 
                        名： "徐衛星"、
                        年齢：35、
                        趣味： "Oldboy" 
                    }、
                    { 
                        名： "趙"、
                        年齢：21は、であり、
                        趣味。"サン"、 
                    }
                ] 
            } 
        }）
    </ SCRIPT> 
</ body> 
</ HTML> 
V-IF：

<！DOCTYPE HTML> 
<HTML LANG = "EN"> 
<HEAD> 
    <メタ文字コード= "UTF-8"> 
    <META HTTP-当量= "X-UA-互換"コンテンツ= "IE =エッジ"> 
    <メタ名= "ビューポート"コンテンツ= "幅=デバイス幅、初期スケール= 1"> 
    <タイトル>タイトル</タイトル> 
    <スクリプトSRC = "./静的/ vue.min.js"> </ SCRIPT> 
</ヘッド> 
<身体> 
    の<divのid = "アプリ"> 
        <divのV-場合= "役割== 'cainingning'"> 
            <H1>欢迎美女光临~~~ </ H1> 
        </ div> 
        <divのV-ELSE -if = "役割== 'juyingying'"> 
            <H1>美しい女性へようこそ再び来る~~~ </ H1> 
        </ div> 
        <divのV-ELSE> 
            <H1>ガン</ H1> 
        </ div> 
    </ div> 
    <スクリプト>
        //データテンプレートエンジン：
        //のヘルプたちをするV-描画データの先頭に指示
        新しい新しいヴュー（{ 
            EL： "＃アプリケーション"、
            データ：{ 
                役割： "cainingning" 
            } 
        }）
    </ SCRIPT> 
</ BODY> 
</ HTML> 
V-ショー：

<！DOCTYPE HTML> 
<HTML LANG = "EN"> 
<HEAD> 
    <メタ文字コード= "UTF-8"> 
    <META HTTP-当量= "X-UA-互換"コンテンツ= "IE =エッジ"> 
    <メタ名= "ビューポート"コンテンツ= "幅=デバイス幅、初期スケール= 1"> 
    <タイトル>タイトル</タイトル> 
    <スクリプトSRC = "./静的/ vue.min.js"> </ SCRIPT> 
</ヘッド> 
<身体> 
    の<divのid = "アプリ"> 
        <divのV-ショー= "isShow">こんにちは、Vueの</ div> 
    </ div> 
    <スクリプト> 
        //数据模板引擎：
        // V-开头的指令是帮助我们渲染数据用的
        ましょう、VM =新しいヴュー（{ 
            エル： "＃アプリ"、
            データ：{ 
                isShow：偽
            } 
        }）
    </ SCRIPT> 
</ BODY>
</ HTML> 
V-バインド：

<！DOCTYPE HTML> 
<HTML LANG = "EN"> 
<HEAD> 
    <メタ文字コード= "UTF-8"> 
    <META HTTP-当量= "X-UA-互換"コンテンツ= "IE =エッジ"> 
    <メタ名= "ビューポート"コンテンツ= "幅=装置幅、初期の規模= 1"> 
    <タイトル>タイトル</ TITLE> 
    <スクリプトSRC = "./静的/ vue.min.js"> </ SCRIPT> 
    <スタイル> 
        .active { 
            幅：500pxなど。
            高さ：500pxなど。
            背景色：lawngreen。
        } 
    </スタイル> 
</ HEAD> 
<BODY> 
    の<divのid = "アプリ"> 
        <V-バインド：HREF =」


    </ div> 
    <SCRIPT> 
        //データテンプレートエンジン：
        V-描画データの先頭に//指示を助け、私たちをする
        のlet VM =新しい新しいヴュー（{ 
            EL： "＃アプリケーション"、
            データ：{ 
                Jingdongは：「HTTPS：/ /www.jd.com」、
                のisActive：trueに、
            } 
        }）
    </ SCRIPT> 
</ BODY> 
</ HTML>

おすすめ