vuex中的state使用方法

如何全局显示state中的数据:
两种方法:第一是在div里面直接调用全局的store
在这里插入图片描述
在这里插入图片描述
因为调用的是store中count的值,所以后面写count,this在这里面可以省略。

第二种是将全局数据count变成当前组件的计算属性,
vuex中的state使用方法_第1张图片
首先在script里面导入mapState函数
vuex中的state使用方法_第2张图片
然后加载mapstate函数让count函数变成计算属性vuex中的state使用方法_第3张图片
在这里插入图片描述

总的来说,如果要多次使用count值就用第二种方法更好,其他看情况使用。

你可能感兴趣的:(vue)