安装

  1. npm install vuex --save
  2. yarn add vuex

使用

新建文件以及文件夹
  1. 在src目录下新建名为store的文件夹(名称随意)
  2. 在store目录下新建名为index.js文件(名称随意)
引入Vuex
  1. 在index.js 使用vue.use(Vuex) 安装Vuex
   import Vue from 'vue'
   import Vuex from 'vuex'
   
   Vue.use(Vuex)
  1. 新建一个store(仓库)
	const store = new Vuex.Store({
	  state: {
	    count: 0
	  },
	  mutations: {
	    increment (state) {
	      state.count++
	    }
	  }
	})
  1. 抛出store
      export default store

引入store

  1. 找到main.js
  2. 引入store
import store from './store/index'
  1. 绑定到vue实例
new Vue({
  router,
  store,
  render: h => h(App),
}).$mount('#app')

Logo

前往低代码交流专区

更多推荐