2019-11-20

html中

    
    
    
    
    


    

        
Vue is awesome!
        
Oh no 
        
        

            
第3次测试
        
        

            
第3（1）次测试
        
        

            
第4次测试
        
        

            
第4（1）次测试
        
        

            
第4（2）次测试
        
        

             
第4（3）次测试
        
        
        
    

        Toggle login type

   
        
        
        
Hello 
    

Vue.component('my-component',{
    template:''
})

let vm = new Vue({
    el:'#element',
    data:{
       awesome:true,
       ok:false,
       type:'A',
       loginType:''
       

    },
    methods:{
        toggleLoginType:function(){
            
            if(this.loginType !== 'username'){
                this.loginType='username'
                
            }else if (this.loginType === 'username'){
                this.loginType=''
            }
        }
    }
    
})

---

• 2点想法
• 使用props其实传递是父组件中的同名变量
• 方法是使用methods,如果要修改data中的数据属性，需要提前加this