ApiDict 字典

字典组件对字典接口的封装，使得我们可以更加方便地使用字典数据。字典组件通常提供了以下功能：

1. 数据映射：字典组件维护了一个字典编码到实际数据值的映射关系。这样，当我们知道某个字典编码时，就可以通过这个映射关系快速找到对应的数据值。
2. 数据检索：通过字典组件提供的方法，我们可以根据字典编码检索到对应的数据。这些数据可以是字符串、数字、对象或其他任何类型，具体取决于字典的定义。
3. 页面渲染：在前端页面渲染时，我们可以使用字典组件来根据字典编码获取对应的数据，并将这些数据展示在页面上。例如，在一个下拉列表或标签中显示字典数据。
4. 数据缓存：字典组件还可以缓存字典数据，以提高数据检索的效率。当多次使用相同的字典编码时，字典组件可以直接从缓存中获取数据，而不需要每次都从字典接口中检索。
5. 数据更新与同步：当字典数据发生变化时，字典组件可以提供更新机制，确保本地缓存的数据与最新的字典数据保持同步。
6. 易用性：字典组件提供了简洁的API，使得开发者可以轻松地集成到项目中，并减少了对字典接口的直接操作，提高了开发效率和代码的可维护性。

通过字典组件，我们可以更加高效地使用字典数据，并在前端页面中进行渲染，从而提供更好的用户体验。

<template>
  <PageWrapper>
    <div>
      默认布局：
      <ApiDict style="width: 200px" code="sys_role_role_type" />
    </div>
    <div>
      默认单选框组：
      <ApiDict code="sys_role_role_type" renderType="RadioGroup" />
    </div>
    <div>
      默认单选框按钮组：
      <ApiDict code="sys_role_role_type" renderType="RadioGroup" :isBtn="true" />
    </div>
    <div> 字典渲染组件：<ApiDictView code="sys_role_role_type" :data="{ text: 1 }" /> </div>
  </PageWrapper>
</template>
<script setup>
  import ApiDict from '/@/components/Form/src/components/ApiDict.vue';
  import ApiDictView from '/@/components/view/components/ApiDict.vue';
</script>