与后端Config
类似,EggBornJS也实现了前端模块级别
的参数配置
特性
- 模块可以单独实现自己的
参数配置
项目级别
的参数配置
可以覆盖模块级别
的参数配置
定义参数
src/module-vendor/test-party/front/src/config/config.js
export default {
message: 'Hello World',
markCount: 2,
};
使用参数
模块内部使用
src/module-vendor/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.{scene}.js
export default{
modules: {
'test-party': {
message: 'Hello World!',
markCount: 3,
},
},
};
评论: