vue常用的一些方法

vue中数组的相关应用

一：v-for中的key属性

作用：
如果是index作为key，在中间插入新节点，则后面的位置都变了，都会重新更新节点
如果加入key，每一个都是唯一的，在中间插入新节点，只会更新中间的节点
好处：
为了更高效地更新虚拟dom

二：计算总和(js)

reduce方法的使用

let arr=[1,2,3,4]
arr=arr.reduce(function(pre, current){
   
    return pre+current
})
// 1+2+3+4

三：计算属性

1.计算属性里面的属性值不用在data中定义也可以直接用
2.必须要有返回值
3.当依赖的data属性发生变化时，会重新计算
4.有缓存作用，没有改变值的情况下缓存读取

四：数组常用的一些方法

var arr = [1, 2, 3]
// 往数组最后一位添加一个数字
arr.push(4) // [1, 2, 3, 4]
// 删除数组最后一个数字
arr.pop()   // [1, 2, 3]

// 往数组第一位添加一个数字
arr.unshift(0)
// 删除数组第一个元素
arr.shift()

// splice
// 删除第一个元素
array.splice(index, howmany, item1, ....., itemX)
// index从index开始删，howmany删除几个，item1后面都是加的
arr.splice(1, 2) 

// 相当于截取，返回指定索引的范围内
arr.slice(1，2)
// 返回1,2

// 合并数组
[1, 6].concat([5, 7])
arr=[...arr,[5,7]]

数组的方法

1:map方法

有多少长度就返回多少长度，一般我是用来组合数据格式的

let arr=[1,2,3,4,5]
    let arr2=arr.map(item=>{
   
      return item==1
    }，0)
    // 返回[t