2018-09-12 vue第二课（v-model（双向数据绑定），v-on绑定事件，添加和删除，添加删除用户）

1.v-model（双向数据绑定）=>主要用于表单元素

        百度
        
小度{{msg}}
    
    
    

2.v-on绑定事件

v-on:事件=“函数名”
methods:{//存放函数（是一个方法）}

    点击
    
{{msg}}



    
    

3.添加和删除

push（）给数组末尾添加新元素；

pop（）始终删除数组最后一个元素；

unshift（）给数组开头添加一个元素；

shift（）始终删除数组开头的元素；

splice（）从数组中删除元素；

splice（index，n）=>（下标，个数）

     

        
        添加
        

            
{{val}}删除
        
    
    

4.添加删除用户

    
    
    





    

                     

                         姓名
                         
                    
                     

                         年龄
                         
                     
                     

                         邮箱
                         
                     
                        添加
                         重置
                    

                         

                             

                                 
编号
                                 
姓名
                                 
年龄
                                 
邮箱
                                 
操作
                           
                         
                        

                            

                                
{{index+1}}
                                
{{person.name}}
                                
{{person.num}}
                                
{{person.score}}
                                
删除