跟着我快速学Vue X 4.0

1.每一个 Vuex 应用的核心就是 store（仓库）。“store”基本上就是一个容器，它包含着你的应用中大部分的状态 (state)。

2.State：vuex中的数据源，我们需要保存的数据就保存在这里，可以在页面通过 this.$store.state来获取我们定义的数据。

新建store.js

const store = createStore({
   
  state: {
   
    count: 1
  }
})

视图上获取数据方法：this.$store.state.count

3.Getters:Getter相当于vue中的computed计算属性，getter 的返回值会根据它的依赖被缓存起来，且只有当它的依赖值发生了改变才会被重新计算，这里我们可以通过定义vuex的Getter来获取，Getters
可以用于监听、state中的值的变化，返回计算后的结果。

const store = createStore({
   
  state: {
   
    count: 1
  },
  getters: {
   
    countHundred: (state) => {
   
      return state.count