Config

2018-11-26 09:41:47

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

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

定义参数

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

export default {
  message: 'hello world',
  markCount: 2,
};

使用参数

模块内部使用

src/module/test-todo/front/src/pages/test/echo.vue

const message = this.$config.message;

跨模块使用

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

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

覆盖参数

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

src/front/config/config.js

export default{
  modules: {
    'test-todo': {
      message: 'hello world!',
      markCount: 3,
    },
  },
};


评论: