vue学习-2

用v-for遍历时，有遍历数组和对象的区别。在遍历数组时 v-for="(item,index) in arr"，其中item是值，index是索引。在遍历对象时v-for="(val,key,index) in obj" ，其中val是对象值，key是属性，index是索引。例如：

var vm = new vue({
     el:'元素对象'，
     
     data:{
        arr:[1,2,3,4,5],
         obj:{
            a:1,
            b:2
         }
     }
})

在遍历对象会val=1 key=a index=0这样。

但要注意参数都是值在前，键在值后，索引一定在最后。对象才有键，数组没有。值参数一定要写，其他参数可以省略不写。

注意：在用v-for时候，最好绑定key属性,key赋予的要是string或者number，赋予对象会出错。例如<div v-for="item in obj" :key = "item.a"></div>

v-if与v-show都是可以隐藏元素标签，v-if=“fasle”或者v-show=“false”。但区别是：

v-if会对标签进行类似注释，如果要频繁切换显示隐藏元素则要选择v-show更好，因为v-show是加一个“display:none”，元素会在加载页面一直存在，只是看不见而已。如果只是显示一次就选择v-if，因为v-show会一直加载导致资源浪费，而v-if会对元素进行类似注释，而不是元素一直存在而只是看不见。