Vuex的模块化编码

  1. 为什么要使用模块化编码,是为了防止所有的功能都在同一个actions,mutations,state 中,导致代码混乱,不同功能的代码写在不同的功能模块里。
     
  2. 准备两个模块,里面实现不同的功能

    Vuex的模块化编码_第1张图片

    Vuex的模块化编码_第2张图片

    命名空间必须开启,否在在使用 mapState 等方法的时候无法找到对应的模块。


    导出的时候使用modules,为每一个模块起一个名字

    Vuex的模块化编码_第3张图片

    映射的时候,需要指定映射哪个模块中的方法和属性

    Vuex的模块化编码_第4张图片

    模板中使用的时候还是用原来的方式,{{sum}}   即可

你可能感兴趣的:(vue,vue.js)