1. 什么是“变量解构赋值”?
ES6云秀安好一定模式从数组和对象中提取值,对变量进行赋值。这就被称为解构赋值
(1)数组
// 数组变量解构赋值
const a = ['齐','天','大','圣']
const [b,c,d,e] = a;
console.log(a)
console.log(b)
console.log(c)
console.log(d)
(2)对象
const a = {
name: '小明',
age: 18,
commit(){
console.log("八嘎~")
}
}
const {commit} = a;
const {name} = a;
console.log(name);
commit();
控制台打印:
小名
八嘎~
2. 实战举例
尚硅谷课程——商品汇19集
const actions = {
// async categoryList({commit}){
// let result = await reqCategoryList();
// if(result.code == 200) {
// commit("CATEGORYLIST",result.data)
// }
// }
async categoryList(context){
let result = await reqCategoryList();
if(result.code == 200) {
context.commit("CATEGORYLIST",result.data)
}
}
}
前后注释了的代码和没注释的代码是一个意思
Actions
环节的第一个参数是一个迷你型的store对象,里面有个方法——commit