美文网首页
[6]module模块组

[6]module模块组

作者: 你喜欢吃青椒吗_c744 | 来源:发表于2019-08-15 17:49 被阅读0次

资料来源于技术胖的个人网站

对于很大的项目就要用。但很少用到。

随着项目的复杂性增加,我们共享的状态越来越多,这时候我们就需要把我们状态的各种操作进行一个分组,分组后再进行按组编写。那今天我们就学习一下module:状态管理器的模块组操作。

声明模块组

vuex/store.js中声明模块组,我们还是用我们的const常量的方法声明模块组。代码如下:

const moduleA={
    state,mutations,getters,actions
}

声明好后,我们需要修改原来 Vuex.Stroe里的值:

export default new Vuex.Store({
    modules:{a:moduleA}
})

在模板中使用

现在我们要在模板中使用count状态,要用插值的形式写入。

<h3>{{$store.state.a.count}}</h3>

如果想用简单的方法引入,还是要在我们的计算属性中rutrun我们的状态。写法如下:

computed:{
    count(){
        return this.$store.state.a.count;
    }
},

相关文章

  • [6]module模块组

    资料来源于技术胖的个人网站 对于很大的项目就要用。但很少用到。 随着项目的复杂性增加,我们共享的状态越来越多,这时...

  • 前端模块化:ES6,CommonJS

    前端模块化 共有四种规范 ES6 Module CommonJS AMD CMD ES6 Module ES6模块...

  • Module & Swift库 (6)

    Module & Swift库 (6) Module Module定义 Module(模块)-最小的代码单元。一个...

  • Python模块与包

    模块(module) 模块module从逻辑上说是一组功能的组合,本质上一个模块就是一个包含Python定义和声明...

  • 处理依赖冲突 Duplicate class

    implementation('旧依赖'){exclude group: '组',module:'模块'}例如im...

  • 模块(一) CommonJs,AMD, CMD, UMD

    系列文章导航 模块(二) es6 module typescript module 本文参考Javascript模...

  • ThinkPHP3.2学习内容

    1TP流程分析2URL调度模式3模块操作module4空模块、空操作5跨模块调度6模块分组7module模块调用视...

  • Vuex Module 模块组

    Module 由于使用单一状态树,应用的所有状态会集中到一个比较大的对象。当应用变得非常复杂时,store 对象就...

  • ARouter的集成

    有3种不同的module,app模块,base模块,和功能模块(module_begin(主模块),module_...

  • 模块化module/CommonJS/Browserify/AM

    模块化module/CommonJS/Browserify/AMD/RequireJS/CMD/SeaJS/ES6...

网友评论

      本文标题:[6]module模块组

      本文链接:https://www.haomeiwen.com/subject/lgftsctx.html