vuex模块化+命名空间（namespaced）

最新推荐文章于 2023-03-09 14:19:15 发布

慕宁儿

最新推荐文章于 2023-03-09 14:19:15 发布

阅读量607

点赞数

分类专栏： vue 文章标签： vue

本文链接：https://blog.csdn.net/stead_fast/article/details/119788016

版权

本文旨在探讨如何在Vuex中实现模块化和使用命名空间，以提高代码的可维护性和数据分类的清晰性。内容包括如何在组件中读取和调用命名空间内的数据，以及进一步的模块化策略，即将相关配置拆分为单独文件进行管理和导入。

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

目的

让代码更好维护，让多种数据分类更加明确

修改`store.js`

//求和相关配置
const countOptions = {
   
    namespaced:true,   //开启命名空间
    actions:{
   
        addOdd(context,value){
   
            if(context.state.sum % 2){
   
                context.commit('ADD',value)
            }
        },
        addWait(context,value){
   
            setTimeout(() => {
   
                context.commit(