vuex（篇1）——state

vuex中state的使用

vuex中定义state

state: {count:2,hername: &＃39;JOHH&＃39;}

组件中读取vuex中的数据

方式1&＃xff1a;this.$store.state.全局数据名称

<p>{{this.$store.state.count}}p>

方式2&＃xff1a;从vuex中按需导入mapState函数

通过刚才导入的mapState函数&＃xff0c;将当前组件需要的全局数据&＃xff0c;映射为当前组件的computed计算属性

<p>使用mapAtate:{{count}}p>
<p>this is {{hername}}p>
import {mapState} from &＃39;vuex&＃39;
computed: {...mapState([&＃39;count&＃39;,&＃39;hername&＃39;])
}