vuex中调用state数据的两种方法

原贴：https://blog.csdn.net/CSDN_go_die/article/details/121383317

方法一：
比如现在state中有这样一个数据count,值为0：

state: {
count:0,
},

　　

那么在组件中可以调用this.$store.state.xxxx来访问

即this.$store.state.count

例如，组件A：

<template>
<div class="add">
我是加法：{{$store.state.count}}
</div>
</template>

　　

展示出来就是：

 

方法二：
组件A中先导入mapState，再在computed属性里面写...mapState(['xxx'])

例如：

<template>
<div class="sub">
我是减法：{{count}}
</div>
</template>

<script>
import {mapState} from 'vuex'
export default {
computed:{
...mapState(['count'])
}
}
</script>

　　

展示出来就是：

 

最后题外话：
state里面的变量（如count）不可以在组件里面进行直接修改，要在vuex中的mutations定义修改count的方法，再在组件中调用mutations的方法来对count进行修改！！

标签：count,调用,mapState,state,组件,vuex,store
来源： https://www.cnblogs.com/WangEDblog/p/16411936.html