V-バインドは、バインディング・クラス名が必要です

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' 
            データ:
        
            } 
        })
     </スクリプト>

 

 

 

 

 

 

おすすめ

転載: www.cnblogs.com/IwishIcould/p/11762366.html