vue3项目需要适配中英文切换

Vue3项目要支持中英文切换，通常会采用国际化(i18n)技术。以下是一些步骤：

1. **安装依赖**：首先，你需要安装`vue-i18n`库，它是一个用于Vue.js的国际化的解决方案，可以在npm或yarn中安装：

   npm install vue-i18n @vue/cli-plugin-i18n
   # 或者
   yarn add vue-i18n @vue/cli-plugin-i18n

2. **配置`vue.config.js`**：在Vue CLI项目中，添加`i18n`插件到配置文件中，并设置默认语言：

   // vue.config.js
   module.exports = {
     plugins: [
       ['@vue/cli-plugin-i18n', { localeDir: 'locales' }]
     ]
   };

3. **创建语言目录**：在`src`目录下创建`locales`文件夹，里面分别创建`en-US.json`和`zh-CN.json`等对应语言的翻译文件。例如：
- `locales/en-US.json`
- `locales/zh-CN.json`

4. **配置`main.js`**：初始化并配置`vue-i18n`实例，并在路由或组件中使用：

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

   Vue.use(i18n);

   const messages = {
     en: require('./locales/en-US.json'),
     zh: require('./locales/zh-CN.json')
   };

   i18n.locale = 'zh'; // 设置默认语言

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

5. **在组件中使用`$t`方法**：通过`this.$t('key')`来访问对应的翻译字符串，如`this.$t('hello.world')`。