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";
                }
            }
        }
    })
selectテキストを中央に配置
差分進化アルゴリズムC言語実装