uniapp vue-i18n 多语言

Uni-app 是一个跨平台的开发框架，而 Vue-i18n 是 Vue.js 的国际化插件，可以用于实现多语言功能。

在 Uni-app 中使用 Vue-i18n 实现多语言功能，可以按照以下步骤进行操作：

1. 安装 Vue-i18n 插件：在项目根目录下打开命令行，运行以下命令安装 Vue-i18n：

npm install vue-i18n --save

2. 创建多语言配置文件：在项目的 `src` 目录下创建 `i18n` 文件夹，并在该文件夹下创建 `index.js` 文件。在 `index.js` 文件中，配置各个语言的翻译文本，例如：

import Vue from 'vue';
import VueI18n from 'vue-i18n';

Vue.use(VueI18n);

const messages = {
  en: {
    hello: 'Hello',
  },
  zh: {
    hello: '你好',
  },
};

export default new VueI18n({
  locale: 'en', // 默认语言
  messages,
});

3. 在 main.js 中引入并使用 Vue-i18n：在 `main.js` 文件中引入并使用 Vue-i18n，代码如下：

import Vue from 'vue';
import App from './App';

import i18n from './i18n/index.js';

Vue.config.productionTip = false;

new Vue({
  i18n,
  render: (h) => h(App),
}).$mount('#app');

4. 在组件中使用多语言文本：在需要使用多语言的组件中，使用 `$t` 方法获取对应语言的翻译文本。例如：

<template>
  <div>
    <p>{{$t('hello')}}</p>
  </div>
</template>

以上就是在 Uni-app 中使用 Vue-i18n 实现多语言功能的基本步骤。你可以根据自己的需求进行配置和扩展。