cnpm i vuex -S

import Vuex from 'vuex'

Vue.use(vuex)

var  store  = new Vuex.Store({

   state:{

     count: 0

    },

    munctions: {

       setCount：(state , count)=>{

         state.count  = count

       }

     },

    getters:{

       // 注意：这里的  getters , 只负责 对外提供数据，不负责 修改数据，如果想要修改则去munctions

       optCount：(state) =>{

          return '当前最新的count值是：'+ state.count

       }

        // 经过咋们的回顾对比，发现 getter 中的方法，和组件中的过滤器比较类似因为过滤器和getters 都没有修改原来数据 都是把原来的数据做了一层包装，提供给 调用者

        //其次 getters 也和 computed 比较像，只要state 中的数据发什么了变化 如果getters正好也引用了这个数据，那么就会立即触发 getters 的重新求值 ；

      }

})      

import App from './App.vue'

const vm  new Vue({
　　el: '#app',
　　render: c=>c(App）,
　　store //5、将 vuex 创建的 store 挂载到你vm 实例上，只要挂载到了vm 上 任何组件才都能使用store 来读取数据
})