コントロールクラスを使用してVueの配列やオブジェクト

直接コードに：

<！DOCTYPE HTML > 
< HTML LANG = "EN" > 
< 頭> 
    < メタ文字コード= "UTF-8" > 
    < タイトル> vue.js使用数组和对象控制クラス</ タイトル> 
    < スクリプトSRC = "vue.js" > </ スクリプト> 
    < スクリプトSRC = "node_modules / axios / DIST / axios.js" > </ スクリプト> 
    < スクリプトSRC = "node_modules / lodash / lodash.js" > <

< ボディ> 
< スタイル> 
    .red { 色：赤; } 
    .font { フォントサイズ：200pxの; } 
</ スタイル> 
< DIV ID = "ASK" > <！ - VUE体とhtmlタグを制御していません- > 
< のH1 ：クラス= "オブジェクト" >シンプル</ のH1 > <！ - も書き込むことができます。class = "{赤：trueに、フォント：trueに}" - > 
    < HR > 
< H1の：クラス= "[ '赤'、 'フォント']">録音</ のH1 > <！ - も書くことができます。クラス= "[カラー、FONT_SIZE]" - > 
</ divの> 
< スクリプト> 
    VAR アプリケーションは=  新しい新しいヴュー（{ // インスタンス化VUE 
        EL：「#ask ' // VUEは、要素IDの制御を依頼        データ：{ 
            オブジェクト：{赤：trueに、フォント：偽へ}、
            カラー：' 赤' 
            FONT_SIZE：' フォント' 
        } 
    }）; </

スクリプト> 
</ ボディ> 
</ HTML >