Vue基本语法

1.Vue的基本语法

1.1 v-bind

 

    
    





        
            鼠标悬停几秒钟查看你此处动态绑定的提示信息
        

1.2 v-if ,v-else ,v-else-if

 

    
    




        
A
        
B
        
D
        
C

    
A
    
B
    
D
    
G

 1.3 v-for

    
    




    

        {{item.message}}
    

    

        {{item.message}}--{{index}}
    

 

2.vue事件绑定 

    
    



        click me

 3.Vue的双向绑定

 

    
    



   输入的文本:   {{message}}

    
    



   输入的文本:   {{message}}
    

    输入的文本: {{message}}
    

    

 性别   男
    女

    

        选中了谁 {{jmj}}
    


    
        ---请选择---
        A
        B
        C
    
   select: {{selct}}

 

4.Vue组件 

 

 

 

 

 

 5.Axios异步通信

 

 

 

 

 

 

    
    

    



        
{{info.name}}
        
{{info.address}}
    框