0. Vuex 概述与安装

Vuex 概述与安装

• Vuex 概述

  Vuex 可以简单的理解为用于存放全局变量的地方。虽然可以在Vue的 prototype 原型对象中定义一个用于存储全局变量的类，实现类似的操作，但无法做到数据的响应式。

• Vuex 安装与配置

1. Vuex 安装

   npm install vuex --save
   

2. Vuex 配置

   1. src 文件夹内创建 store 文件夹

   2. store 文件夹内创建 index.js 文件
      

   3. store/index.js 做如下配置

      import Vue from 'vue'
      import Vuex from 'vuex'
      
      Vue.use(Vuex)
      
      const store = new Vuex.Store({
          state: {
      
          },
          mutations: {
      
          }
      })
      
      export default store
      

   4. src/main.js 做如下配置

      import Vue from 'vue'
      import App from './App.vue'
      import store from "@/store";
      
      Vue.config.productionTip = false
      
      new Vue({
        render: h => h(App),
        store
      }).$mount('#app')