vue-data-dict 2.0.1 lançado, dicionário de dados Vue eficiente e prático

vue-data-dict 2.0.1 foi lançado como um plug-in Jenkins para modificar e substituir o conteúdo de alguns arquivos de texto durante o processo de construção.

vue-data-dict é uma solução de dicionário de dados front-end.Esta ferramenta possui os seguintes recursos:

1. Modelo de dados de dicionário unificado acordado
2. Tradução de dados de dicionário responsivo
3. Carregamento dinâmico e carregamento lento de dados de dicionário sob demanda
4. Fornece fontes de dados para componentes de UI
5. Adapte-se a Vue2/Vue3, API unificada

As novas atualizações de versão incluem:

• A versão Vue2 do dicionário de dados foi lançada recentemente e a versão Vue3 foi lançada simultaneamente.

 

Selecione o ambiente de desenvolvimento correspondente

Versão Vue	NPM	VAI pepo
2.x	npm i vue-data-dict	vue-data-dict
3.x	npm i vue3-data-dict	mxsjs/vue3-data-dict

Para uso detalhado, consulte a documentação

outro:

1. No projeto, vue-data-dict pode ser usado como tradução e exibição de valores de dados e também pode fornecer fontes de dados para outros componentes da IU. O formato de dados do dicionário é acordado uniformemente aqui, e o carregamento de dados personalizados e a conversão de dados de resposta são suportado (conforme contrato ou através de configuração global simples, o que simplificará muito a configuração do dicionário), podendo ser usado como dicionário para todos os relógios.
2. Em relação a uma função avançada subsequente do vue-data-dict, é revelado antecipadamente que
   ao instalar dependências de extensão, o suporte de dicionário para cada biblioteca de componentes Vue é implementado, como "coluna de dicionário de tabela", "caixa suspensa de dicionário" e "botão de opção do dicionário", "Caixa de seleção do dicionário", etc.
   Tomando element-ui como exemplo abaixo, você só precisa adicionar a configuração do atributo dict ao componente original e declarar o dicionário que precisa ser usado.

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