1️⃣ Vuex 的工作原理

image.png

1️⃣ 安装

2️⃣ NPM

  1. npm install vuex --save

2️⃣ Yarn

  1. yarn add vuex

1️⃣ 使用

vuex4 用于 vue3
vuex3 用于 vue2

  1. // main.js
  2. import Vue from 'vue';
  3. import App from './App.vue';
  4. Vue.config.productionTip = false
  5. new Vue({
  6. store, // 将 store 分配到全局
  7. render: h => h(App),
  8. }).$mount('#app')
  9. // store > store.js
  10. import Vue from 'vue';
  11. import Vuex from 'vuex';
  12. Vue.use(Vuex);
  13. export default new Vuex.Store({
  14. state: {},
  15. mutations: {},
  16. actions: {},
  17. modules: {}
  18. });