Vue自学（二）

1.JS数组的forEach(),every(),some(),reduce()方法,map() 

forEach()不能使用break或return跳出函数，所以尽管需求满足也会继续遍历下去；应用于遍历每一个元素。

every()和some()返回值都是布尔类型，针对every()当所有元素返回true才为true,否则返回false，例如全选的应用;针对some()只要有一个元素返回true方法就返回true，应用于选择某一项。

reduce()可用于遍历数组元素进行累加和（数组元素类型是Number），也可以用于拼接字符串（reduce()从左边开始拼接字符，reduceRight()从右边开始拼接字符）

map()返回一个新的数组，数组中的元素为原始数组调用函数处理后的值

2.数组叠加[旧数据在前，新数据在后]，应用在列表显示时上拉加载更多，newArr=[...arr1,...arr2]解构出数组的每一个元素

3.通过axios拦截器实现Loading加载效果，每次请求都会加载

 除了以上代码，还要按需导入Loading组件

4.ES6  rest 参数（形式为...变量名） 扩展运算符（spread）是三个点（...），好比 rest 参数的逆运算

//函数参数是数组元素，numbers指数组可以在方法里对数组进行操作
const sortNumbers = (...numbers) => numbers.sort(); 

5.ES6 箭头函数

如果箭头函数直接返回一个对象，必须在对象外面加上括号，否则会报错。

// 报错
let getTempItem = id => { id: id, name: "Temp" };

// 不报错
let getTempItem = id => ({ id: id, name: "Temp" });

6.Vuex 中 dispatch()和 commit()

commit 调用的是 vuex 中 mutation 里的方法，存在同步限制

dispatch 调用的是 vuex 中 action 里的方法，action 中可以调用 mutation 中的函数，也可执行异步操作

内容有不完善之处，感谢指出~