vue--中英文切换

最新推荐文章于 2025-06-26 09:37:54 发布

转载最新推荐文章于 2025-06-26 09:37:54 发布 · 2.9k 阅读

文章标签：

#vue #中英文切换

本文介绍如何安装并使用Vue的国际化插件vue-i18n，包括兼容性要求、基本安装步骤及具体用法。通过实例展示了如何在项目中设置多语言环境，并提供了从引入到使用的详细指导。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

安装：
npm install vue-i18n
兼容性
支持vue2.x以上版本
使用方法：
1. 在main.vue中引用
import VueI18n from ‘vue-i18n’
2. 然后使用
Vue.use(VueI18n)
3. 准备翻译的json文件
{
“en”:{
“hello”:”Hello”,
“homeTab”:{
“common”:”DISCUSSION”,
“red”:”VALUE PACKET”
}},
“cn”:{ “hello”:”你好”,
“bottom”:{
“view”:”发现”,
“search”:”搜索”,
“message”:”消息”,
“mine”:”我的”
}}
}
4.创建实例
const i18n = new VueI18n({
locale: window.localStorage.getItem(‘so_lang’) || ‘cn’,
fallbackLocale: ‘cn’,
messages: require(‘./assets/lang/lang.json’)
})