vue 之vuex01篇

首先 npm i vuex -S 

在store.js创建一个store

    

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

Vue.use(Vuex)

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

export default store

 

在main.js(index.js)引入store 

在生命周期更改state

mounted () {

let i = 10

this.$store.commit('updatecount', i) // this.$store.commit 触发mutation 更改state

}