与后端Config类似，EggBornJS也实现了前端模块级别的参数配置特性

  1. 模块可以单独实现自己的参数配置
  2. 项目级别的参数配置可以覆盖模块级别的参数配置

定义参数

src/module/test-party/front/src/config/config.js

export default {
  message: 'Hello World',
  markCount: 2,
};

使用参数

模块内部使用

src/module/test-party/front/src/kitchen-sink/pages/guide.vue

onPerformClick4() {
  const params = {
    message: this.$config.message,
    markCount: this.$config.markCount,
  };
  return this.$api.post('kitchen-sink/guide/echo4', params).then(data => {
    this.message4 = data;
  });
},

跨模块使用

如果是跨模块使用另一个模块的参数配置，方式如下：

this.$meta.module.use('test-party', module => {
  const message = this.$meta.config.modules['test-party'].message;
});
名称 说明
$meta.module.use 模块前端一般是异步加载的，因此在使用模块的信息之前，需要确保此模块已经加载
$meta.config.modules[moduleName] 返回指定模块的config对象

覆盖参数

可以使用项目级别的参数覆盖模块级别的参数，从而方便我们从项目层面定制模块的行为参数

src/front/config/config.js

export default{
  modules: {
    'test-party': {
      message: 'Hello World!',
      markCount: 3,
    },
  },
};