本文共 2358 字，大约阅读时间需要 7 分钟。

Vuex ������������������
������������������
������ vuex ��������������������������� npm ��������������������������������������������� store���
prenpm install vuex --save/template
��� main.js ������������������������
preimport vuex from 'vuex'Vue.use(vuex)const store = new Vuex.Store({  state: {    show: false  }})/template
������������ store ��������������� Vue ���������
prenew Vue({  el: '#app',  store,  // ������������})/template
���������������������
��� store ��������� src/directory ������ store/index.js ������
preimport Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)export default new Vuex.Store({  modules: {    dialog: dialogStore // ������ dialogStore ��������������������������� store  }})/template
������������������������ store
������ dialog_store.js���
preexport default {  state: {    show: false  }}/template
������ store ������������
premodules: {  dialog: dialogStore}/template
���������������������������������
��������������������������������������������������������������� vuex store ������������������������
������������������������������
pre@click="$store.commit('switch_dialog')"/template
��������������� store:", state ���������������
pretemplate Eisenhower:projectId���tel:visible.sync="$store.state.dialog.show"/template
mutations ��� actions ������������
mutations ������������������������������������������actions ������������������ mutations������������������������������
��� dialog_store.js ������
preexport default {  state: {    show: false  },  mutations: {    switchDialog(state) {      state.show = !state.show    }  },  actions: {    switchDialog(context) {      context.commit('switchDialog')    }  }}/template
 getters ������������������
������������������������������ getters������������������������
preexport default {  state: {    show: false  },  getters: {    notShow(state) {      return !state.show    }  },  // ������������}/template
Vuex ������������������������ state
��������� state ���������������������������������������������������������
������������������ mapState ���������������
pre
   /template
������ Plus ���������
1. mapState���mapActions���mapGetters ���������������������������������������
2. mutations ������������������������������������������������������������������
3. ���������������������������������������������������
4. ������ tools: ' preload' ���������������������������