vue-data-dict 2.0.1 released, efficient and practical Vue data dictionary

vue-data-dict 2.0.1 was released as a Jenkins plug-in for modifying and replacing the contents of some text files during the build process.

vue-data-dict is a front-end data dictionary solution. This tool has the following features:

1. Agreed unified dictionary data model
2. Responsive dictionary data translation
3. Dynamic loading and lazy loading of dictionary data on demand
4. Provide data sources for UI components
5. Adapt to Vue2/Vue3, unified API

The new version updates include:

• The Vue2 version of the data dictionary is newly released, and the Vue3 version is launched simultaneously.

 

Please select the corresponding development environment

Vue version	NPM	GO pepo
2.x	npm i vue-data-dict	mxsjs/vue-data-dict
3.x	npm i vue3-data-dict	mxsjs/vue3-data-dict

For detailed usage, please refer to the documentation

other:

1. In the project, vue-data-dict can be used as the translation and display of data values, and can also provide data sources for other UI components. The dictionary data format is uniformly agreed here, and custom data loading and response data conversion are supported (according to the agreement or through simple global configuration , which will greatly simplify the configuration of the dictionary), and it can be used as a dictionary for all watches.
2. Regarding a subsequent advanced function of vue-data-dict, it is revealed in advance that
   by installing extension dependencies, dictionary support for each Vue component library is implemented, such as "table dictionary column", "dictionary drop-down box", and "dictionary radio button" , "Dictionary Checkbox", etc.
   Taking element-ui as an example below, you only need to add the dict attribute configuration to the original component and declare the dictionary that needs to be used.

   <!-- 表格字典列 -->
   <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">