Vuex安装与简单使用

本示例只是实现了最基础了例子，具体使用查看官网

安装vuex

cnpm install vuex --save

使用方法
main.js添加红色框内的代码

新建store.js并添加如下代码

import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex)

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

export default store

调用mutation修改state

<template>
  <div id="app">
    {{this.$store.state.count}} <br>
    <button @click="$store.commit('increment')">increment</button>
    <button @click="$store.commit('decrement')">decrement</button>
  </div>
</template>