v-for详细

1.v-for遍历数组与对象，我实验后发现后面接in或of效果是一样的(可能也有什么是我没发现的，后面遇到了再来改)，数组可设置两个参数，对象可设置三个(多一个键值属性)。

    
        
            {{item}}
            {{item}}-{{index}}
            {{item}}-{{key}}-{{index}}
        
    
    

2、v-for内key的使用

在vue中，每一个组件都有一个render函数，这个函数会生成一个虚拟dom，这就意味着每一个组件都对应一个虚拟dom树。

在v-for遍历时，所有数据会先在虚拟dom中，然后虚拟dom再遍历到页面。这样当数据发生改变时效率会更高，因为再虚拟dom中新数据与旧数据会发生对比，相同的就不会改变。这就要提到另一个元素key了(所以key最好设置成唯一值且不会变，例手机号、身份z等)，通过比较key值，旧数据有的不动。如果不加key，会按照遍历顺序添加key值，不过这样key就不是唯一的了。

不加key：

    
        
            {{item.name}}--
        
        添加
    

    

 添加key:

 
  {{item.name}}--
  
  添加
 

3、数组的响应方式。不能使用this.arr[1] 数组内部内容已经更改，但不会渲染到页面。

    
        {{name}}
        
            {{item}}
        
        {{obj.username}}--{{obj.age}}
        

        更改
    

    

 

this.arr.splice(1,1);