大家好，又见面了，我是你们的朋友全栈君。
谈vuex的…mapGetters
computed:{
...mapGetters(['test']),
}
我们在vue文件中就可以直接this.test来访问vuex中的属性了。但是…mapGetters是什么?
mapGetters前用了扩展运算符”…”
function fn(){
return {a: 1, b: 2};
}//如mapGetters
var a = {
...fn(),
c: 3,
d: 4
} //如computed
console.log(a); //{a: 1, b: 2, c: 3, d: 4}
a是一个对象，fn是一个方法、返回一个对象，使用扩展运算符完美融入a对象。这解释了为什么使用扩展运算符。
再看看mapGetters这个函数的大概。
const getters = {
a: () => 1,
b: () => 2
};//假如他是vuex的getter
function fn(keys){
var data = {};
keys.forEach(key => {
if(getters.hasOwnProperty(key)){
data[key] = getters[key];
}
});
return data;
}//假如他是mapGetters
fn(['a','b','c']);
//得到 a: 1, b: 2, c: undefined
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请联系我们举报，一经查实，本站将立刻删除。
发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/131941.html原文链接：https://javaforall.net
