如何入门并具体使用VueX模块进行状态管理？

本文共计3708个文字，预计阅读时间需要15分钟。

为什么会出现VueX的模块呢？当你的项目代码变得越来越多的时候，很难进行区分和护理。那么这时候Vuex的模块功能就体现出来了。那么我们开始吧！

一、模块是什么？

+/** eslint-disable no-unused-vars */+

为什么会出现VueX的模块呢？当你的项目中代码变多的时候，很难区分维护。那么这时候Vuex的模块功能就这么体现出来了。

那么我们就开始吧！

一、模块是啥？

/* eslint-disable no-unused-vars */ import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) export default new Vuex.Store({ state:{ global:'this is global' }, // 在以下属性可以添加多个模块。如：moduleOne模块、moduleTwo模块。 modules: { moduleOne:{}, moduleTwo:{} } })

二、在模块内添加state

可以直接在模块中直接书写state对象。