SOURCE

const store = new Vuex.Store({
  state: {
    count: 0
  },
  mutations: {
    increment (state) {
      state.count++
    }
  }
})

console.log(store.state.count)
store.commit('increment')
console.log(store.state.count)

// ?? 没有绑定store 更新了视图。
let app = new Vue({
    el: '#app',
    template: '<button @click="add">{{count}}</button>',
    // data(){
    //     return {count:10}
    // },
    computed: {
        count () {
          return store.state.count
        }
    },
    methods: {
        add (){
    		store.commit('increment')
            console.log(store.state.count)
            //this.count+=1
        }
    }
})

// let num = 0
// let app = new Vue({
//     el: '#app',
//     template: '<button @click="add">{{count}}</button>',
//     computed: {
//         count () {
//           return num
//         }
//     },
//     methods: {
//         add (){
//             num++
//             console.log(num)
//         }
//     }
// })

<script src="https://cdn.bootcss.com/vue/2.2.6/vue.min.js"></script>
<script src="https://cdn.bootcss.com/vuex/2.3.1/vuex.min.js"></script>

<div id="app">
</div>