Vue.js,学習心得(六)

3699 ワード

学習心得、条件レンダリング、
直接コードをつけました



    
        
    


    
    

YES

NO



~
~

A
B
C
NOT A/B/C



Hello~


// var app1 = new Vue({ el:"#app-1", data:{ ok:true } }); // var app2 = new Vue({ el:"#app-2", data:{ ok:true } }); // var app3 = new Vue({ el:"#app-3" }); // var app4 = new Vue({ el:"#app-4", data:{ type:"B" } }); // var app5 = new Vue({ el:"#app-5", data:{ msg:" ", loginType:"username" }, methods:{ clickme : function(){ if(this.loginType==="username"){ this.loginType="email"; }else{ this.loginType="username"; } } } }); // var app6 = new Vue({ el:"#app-6", data:{ msg:" ", loginType:"username" }, methods:{ clickme : function(){ if(this.loginType==="username"){ this.loginType="email"; }else{ this.loginType="username"; } } } })