最初VUEプログラム（オタクVueの時間のビデオノート）

最初のプログラムVUE

 

< 本体> 
    < DIV クラス= "アプリケーション" > 
        {{メッセージ}} - {{メッセージ+ ' '+メッセージ}} 
        < DIV ：ID ='メッセージ' V-IF = "showMessage" > {{タイトル}} < / DIV > 
        < DIV V-他のスタイル= "テキスト装飾：ライン・スルー;" > {{タイトル}} - {{タイトル}} </ DIV > 
        < DIV ：ID = 'メッセージ' V-ショー= "showMessage" > {{タイトル}} </ DIV > 
    <

    SRC = "https://cdn.jsdelivr.net/npm/vue/dist/vue.js" > </ スクリプト> 
    < スクリプト> 
        VAR VM =  新しいヴュー（{ 
            エル：' .appを' 、
            データ：{ 
                メッセージ：' こんにちは世界' 、
                showMessage：偽、
                タイトル：" 是否删除" 
            } 
        }）
    </ スクリプト> 
</ ボディ>

 

 

• 「＃アプリ」、もしクラス=「アプリ」、そしてエル：エルはid属性内であってもよいし、クラス属性は、このような場合、EL ID =「アプリ」としてであってもよい「アプリケーション」
• V-場合命令とVショー：決意が偽である場合、V-、ページはDOMノード、及びセットまたは他の標識の唯一Vショーの表示に追加されないが、DIV：なし