vue-data-dict 2.0.1 发布,高效实用的 Vue 数据字典

vue-data-dict 2.0.1 发布了,作为一个 Jenkins 插件,用于构建过程中对一些文本文件内容的修改替换。

vue-data-dict 是一个前端数据字典解决方案,该工具有以下特点:

  1. 约定统一字典数据模型
  2. 响应式字典数据翻译
  3. 按需动态加载、懒加载字典数据
  4. 为 UI 组件提供数据源
  5. 适配 Vue2/Vue3,统一 API

新版更新内容有:

  • Vue2版数据字典全新发布,Vue3版同步推出

请按开发环境选择对应

Vue版本 NPM GIT pepo
2.x npm i vue-data-dict mxsjs/vue-data-dict
3.x npm i vue3-data-dict mxsjs/vue3-data-dict

详细使用方法,参见文档

其他:

  1. 工程中可使用vue-data-dict作为数据值翻译显示,也可以为其他UI组件提供数据源,这里统一约定了字典数据格式,支持自定义数据加载及响应数据转化(按约定或经过简单全局配置,会极大简化字典的配置),可以做到万表皆字典。
  2. 对于vue-data-dict的一个后续高级功能,这里提前透露下
    通过安装扩展依赖,实现了各Vue组件库的字典支持,如“表格字典列”、“字典下拉框”、“字典单选框”、“字典复选框”等。
    下面以element-ui为例,仅需在原组件处增加dict属性配置,声明需要使用的字典
    <!-- 表格字典列 -->
    <el-table>
      <el-table-column label="开发语言" dict="lang"/>
    <el-table>
    
    <!-- 字典下拉框 -->
    <el-select placeholder="选择语言" dict="lang"/>
    
    <!-- 字典单选框 -->
    <el-radio-group dict="lang">
    
    
    <!-- 字典复选框 -->
    <el-checkbox-group dict="lang">

猜你喜欢

转载自www.oschina.net/news/260049/vue-data-dict-2-0-1-released