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

方法一：

比如现在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进行修改！！