vex-grid 不能设置国际化

VexGrid是一款轻量级、高度可定制化的表格组件，它主要用于Vue.js应用中。然而，关于国际化设置，VexGrid本身并不直接支持内置的多语言功能。如果你想在VexGrid中实现国际化，通常需要借助外部库如i18n或vue-i18n来管理翻译文本。

要在VexGrid中实现国际化，你需要按照以下步骤操作：

1. 安装所需的国际化库：首先在项目中安装i18n相关的依赖，比如`vue-i18n`。

   npm install vue-i18n @vue/composition-api --save

2. 创建和配置国际化资源文件：创建一个或多份json文件，包含各种语言下的翻译内容，并通过`vue.config.js`或其他配置文件加载到应用程序中。

3. 将VexGrid的显示文本提取出来并标记为需要翻译的地方，通常是列头、表头等地方。

4. 使用`setup()`函数，在组件内初始化`vue-i18n`实例，并绑定到数据属性或计算属性上，以便动态切换语言。

5. 当需要更改语言时，更新`vue-i18n`的`locale`属性。

import { createApp } from 'vue';
import App from './App.vue';
import { defineComponent } from '@vue/composition-api';
import VueI18n from 'vue-i18n';
import langMessages from './locales';

const app = createApp(App);

app.use(VueI18n);
const i18n = new VueI18n({
  locale: 'en', // 默认语言
  messages: langMessages,
});

app.mount('#app');

// 在模板中引用国际化变量
<template>
  <vexgrid :headers="headers" :rows="rows">
    <!-- ... -->
  </vexgrid>
</template>

<script setup>
export const headers = computed(() => {
  return i18n.t('yourHeaderTranslations');
});
</script>