三分钟vuex入门

1.安装vuex

  npm install vuex --save
  或
  yarn add vuex

2.src–>store–>index.js

  在src下面,创建store文件夹,创建index.js

3.编辑index.js

  // 引入vuex
  import Vue from 'vue'
  import Vuex from 'vuex'
  Vue.use(Vuex)
  // 创建state变量
  const state = {count:1}
  // 实例化Vuex.Store对象
  const store  = new Vuex.Store({
    state
  }
  // 暴露store变量
  export default store

4.在main.js里面引入index.js

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

5.愉快的使用变量吧

    this.$store.state.count