Vuex的State核心概念

Vuex的State核心概念

State提供唯一的公共数据源，所有共享的数据都要统一放到Store的 State中进行存储。

//创建store数据源，提供唯一公共数据
const store = new vuex.Store(
    {state: {count:0}
})

组件访问State中数据的第一种方式:

this.$store.state.全局数据名称

组件访问State中数据的第二种方式:

// 1.从 vuex中按需导入mapstate函数
import { mapstate l from !vuex'

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

// 2．将全局数据，映射为当前组件的计算属性
computed: {
	...mapstate (['count'])
}