day10 Vue的删除、v-for语法、v-model与v-bind的差别

1、完成人员列表的删除功能

    
    
    
    



    编号：
    名称：
    添加
    

        

            
编号
            
名称
            
操作
        
        

            
当前列表无数据
        
        

            
{
    {item.id}}
            
{
    {item.pname}}
            

                
                 删除
            
        
    

2、vue的v-for语法可以遍历那些值，分别写出遍历不同值的代码
答：
1.v-for遍历数组

这是第 { {i}} 个P标签

2.迭代data中的普通对象

{ {val}} — { {key}} — { {i}}

3.迭代data中的数组

• 
  
• 索引：{ {i}} 姓名：{ {item.name}} 年龄： { {item.age}}

3、文字叙述v-model和v-bind的差别
答：
1.v-model:
主要是用在表单元素中，它实现了双向绑定。在同事使用v-bind和v-model中，v-model建立的双向绑定对输入型元素input, textarea, select等具有优先权，会强制实行双向绑定。很多时候v-model使用在表单的中实现双向绑定。
2.v-bind:
eg：v-bind:class 可简写为 :class;

当加上v-bind:之后，它的值classe不是字符串，而是vue实例对应的data.classed的这个变量。也就是说data.classed是什么值，它就会给class属性传递什么值，当data.classed发生变化的时候，class属性也发生变化，这非常适合用在通过css来实现动画效果的场合。他只是单向变动