Vuex 配置

2019-12-12 本文已影响0人全汪汪

1.使用npm 安装
npm install vuex --save
2.配置main.js

import Vuex from 'vuex'
Vue.use(Vuex)

3.新建一个store仓库

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

4.引用到自己的Vue示例中

new Vue({
  el: '#app',
  router,
  store,
  components: { App },
  template: '<App/>'
})

5.在组件中引用
通过this.$store 其中$store为自己定义store仓库的名字