VUEプロジェクト単一のページ

<テンプレート> 
    の<div> 

        <divのV- 場合 = "タイプ=== 'A'"> A </ div> 
        <divのV- 他 - の場合 = "タイプ=== 'B'"> B </ div> 
        <DIV V- そう - もし = "タイプ=== 'C'"> C </ div> 
        <div V- そう - もし = "タイプ=== 'D'"> D </ div> 
        <divのV- 他の >ないA / B / C </ div> 


        <divの@をクリック= "C1（）"> 
            <divの@ click.stop = "C2（）"> <！ -阻止冒泡- > 
                クリック
             </ DIV >
            
        </ DIV> 
    </ DIV> 



</テンプレート> 
<スクリプト> 
    輸出デフォルト{
        データ（）{ 
            戻り{ 
                タイプ： "" 、
            } 
        }、
        計算：{ 
        
        }、
        メソッド：{ 
            C2：関数（）{ 
                アラート（ 'C2' ）; 
            }、
            C1：関数（）{ 
                アラート（ C1 '' ）; 
            } 
        } 

    }
 </ SCRIPT>