vuex 中的 state,mapState,...mapState对象展开符详解

vuex 中的 state,mapState,…mapState对象展开符详解

引入 Vuex 中的 mapState 函数，它可以将 state 中的属性映射到 当前组件的计算属性中，然后就可以在当前组件中直接通过 this. 的方式来使用该属性

mapState 辅助函数-官网
mapGetters 辅助函数-官网
mapMutations 辅助函数-官网
mapActions 辅助函数-官网

怎么使用？

1.在.vue组件中引入,在js块中引入

import { mapState } from 'vuex'

2.在.vue组件中定义一个对象
将 state 中的值映射为计算属性，参数数组中的值表示的是需要映射出来的 state 中的属性

computed：{
	...mapState([//mapState本是一个函数，在里面写一个数组，记得加...
	'num', //存的数据
	'id'
	])
}

3.然后就可以不用$store.state.num引用了,直接插值

{{num}}{{id}}   //引用多个

4.测试

let mapState = {num:0,id:111}
let computed = {...mapState}
console.log(computed )