vue - - - - Vue3+i18n多语言动态国际化设置

// 引入vue组件和i18n实例
import { createApp } from 'vue'
import { createI18n } from 'vue-i18n'
 
// 定义多语言翻译文件，这里以英语(en)和中文(zh)为例
import en from './locales/en.json'
import zh from './locales/zh.json'
 
// 创建i18n实例并配置翻译文件
const i18n = createI18n({
  locale: 'en', // 默认语言
  fallbackLocale: 'en', // 后备语言
  messages: {
    en: en,
    zh: zh
  }
})
 
// 创建Vue应用实例
const app = createApp(App)
 
// 将i18n实例挂载到Vue应用
app.use(i18n)
 
// 挂载Vue应用到DOM
app.mount('#app')
 
// 动态设置语言
function setLanguage(lang) {
  i18n.global.locale = lang;
}

在这个代码实例中，我们首先引入了Vue应用和i18n实例的创建方法，并定义了两个JSON文件（en.json和zh.json）作为不同语言的翻译文件。然后，我们创建了一个i18n实例并配置了翻译文件，默认语言设置为英语。我们还展示了如何挂载i18n到Vue应用中，并在最后提供了一个setLanguage函数用于动态设置应用的当前语言。