V-バインド結合CSSスタイル結合ラベル表示が形成するか否かを示す
<:クラス= "[ 'P BG'、 'DX'、{ 'LIN':falgを}]"> {{MSG}} </ P>
<P:クラス= "{BG :真、DX:真、LIN:真}"> {{MSG}} </ P> このような悪い死んで書いているため
動的バインディングのクラス名はなくなった数} {} {
LINは、LINを結合このクラス名真であります
<スタイル>
.bg {
背景:ピンク;
}
.dx {
フォント - サイズ:30px;
}
.lin {
色:#FFFFFF。
}
</スタイル>
の<divのid = "アプリ">
<P:クラス= "[ 'BG'、 'DX'、{ 'LIN':falg}]"> {{MSG}} </ P>
<! - - <P:クラス= "[ 'BG'、 'DX']"> {{MSG}} </ P>绑定两个类名- >
</ div>
<スクリプト> VAR VM = 新しいヴュー({
エル: '#app' 、
データ:
真
}
})
</スクリプト>