mapState的使用(常用)

mapState作用:可以辅助获取到多个state的值
怎么使用?
1.在.vue组件中引入,在js块中引入

import { mapState } from 'vuex'

2.在.vue组件中computed下定义一个对象

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

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

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

mapState的使用(常用)_第1张图片

你可能感兴趣的:(vue)