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></te
·
方法一:
比如现在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进行修改!!
更多推荐
已为社区贡献3条内容
所有评论(0)