Vue中使用Vuex(超详细)基本使用方法

在vue中使用vuex，不同的vue版本要对应使用不同的vuex，在这里不做详情介绍，想具体了解的，请自行度娘或者必应一下。

在使用vuex之前，我们创建一个新的项目，这里我们使用的是vue的脚手架创建一个vue项目。

命令vue create muf-simple-vuex-demo

此处我们使用的是vue2的版本，vue版本号为v2.6.14，对用使用的vuex的版本是3.6.2

在src目录下创建一个store文件夹，在store文件夹下创建index.js文件和modules（模块文件夹，为了拓展不同的业务模块使用），在modules文件夹下创建一个settings.js文件，具体目录接口如上图所示。

那么直接贴出代码文件。

在store文件夹下创建的index.js文件

import Vue from 'vue'
import Vuex from 'vuex'
import settings from './modules/settings'

Vue.use(Vuex)

// 全局的state
const state = {
   
   

}

// 全局的 mutations
const mutations = {
   
   

}

// 全局的 getters
const getters = {
   
   

}

const store = new Vuex.Store({