vuex-state展示的mapSate辅助函数

最新推荐文章于 2023-07-07 18:18:58 发布

Eli-sun

最新推荐文章于 2023-07-07 18:18:58 发布

阅读量154

点赞数

分类专栏： Vue JavaScript ES6 文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/vfjcgg/article/details/124984455

版权

JavaScript 同时被 3 个专栏收录

71 篇文章 0 订阅

订阅专栏

Vue

21 篇文章 0 订阅

订阅专栏

ES6

14 篇文章 0 订阅

订阅专栏

import { mapState } from 'vuex
// 其他计算属性， 从store中获取
computed:{
	//写法1
	mapState(["counter", "name", "age", "height"]) // 这里的mapSate是返回的一个对象
	//写法2
	// 可以这样写, 就把对象里面的展开了 ， 这是数组的写法
	...mapState(["counter", "name", "age", "height"])
	// 写法3
	// 还可以传入对象的形式， 传入对象的形式就可以自定义名称
	...mapState({
		sCounter: state => state.counter, // 这里返回的是一个回调函数，它传入了一个参数state，就可以返回state对象中的值
		sName: state => state.name,
	})
}
//写法4
// 也可以写成这样, 但是这样computed不能加别的计算属性
computed: mapSate(["counter", "name", "age", "height"])