vuex模块化

最新推荐文章于 2024-08-09 02:13:59 发布

飞舞风筝

最新推荐文章于 2024-08-09 02:13:59 发布

阅读量1.7k

点赞数

分类专栏：前端文章标签： vuex模块化

本文链接：https://blog.csdn.net/weixin_38704338/article/details/79096790

版权

这篇博客详细记录了作者在项目中使用vuex进行模块化管理的实践过程，包括建立modules、创建Vuex.Store、在vue中添加store以及如何使用modules。强调mutations中的同步操作和actions中的异步操作，并提供了在实际应用中修改和使用modules中state状态数据的方法。

摘要由CSDN通过智能技术生成

写这个也是项目中用到了。不过没有参考vuex官网提供的demon去写，所以是怎么简单怎么来。只能说对vuex的理解有限。

这里就记录一下我在项目中使用vuex的详细过程吧。后期要是有时间再来记录。

首先看下目录

图片有点大

那就分两步建立模块化的vuex吧。

两步。

建立modules
建立承载modules的Vuex.Store

建立modules

/*ruteModule.js 路由状态模块数据*/
/* jshint esversion: 6 */
const state = {
  subMenusDir: ''
};
const mutations = {
  subMenusDir(state, subMenusDir) {
    state.subMenusDir = subMenusDir;
  }
};

var ruteModule =