vue2使用i18n

Vue 2 中使用 i18n（国际化）的方法如下：

1. 首先，安装 i18n 库。可以通过 npm 或 yarn 安装：

   npm install vue-i18n

2. 在你的 Vue 项目中，创建一个 i18n.js 文件（或者其他文件名，根据你的喜好）：

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

   Vue.use(VueI18n);

   const messages = {
     en: {
       // 英文翻译
     },
     zh: {
       // 中文翻译
     },
   };

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

   export default i18n;

3. 在 main.js 文件中，引入并使用 i18n：

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

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

4. 在组件中使用翻译功能，例如在模板中使用 `$t` 方法：

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

5. 在 messages 对象中定义翻译文本，根据不同语言设置对应的键值对：

   const messages = {
     en: {
       message: 'Hello world!',
     },
     zh: {
       message: '你好，世界！',
     },
   };

注意：在以上示例中，我们使用了两种语言（英文和中文），你可以根据实际需求添加更多的语言翻译。

这样，你就可以在 Vue 项目中使用 i18n 进行国际化了。你可以根据项目的需求，修改翻译文本和语言切换的方式。