web前端全系列 教程
1839个小节阅读:2243.4k
目录
鸿蒙应用开发
C语言快速入门
JAVA全系列 教程
面向对象的程序设计语言
Python全系列 教程
Python3.x版本,未来主流的版本
人工智能 教程
顺势而为,AI创新未来
大厂算法 教程
算法,程序员自我提升必经之路
C++ 教程
一门通用计算机编程语言
微服务 教程
目前业界流行的框架组合
web前端全系列 教程
通向WEB技术世界的钥匙
大数据全系列 教程
站在云端操控万千数据
AIGC全能工具班
A A
White Night
在项目的应用场景中,有些项目是需要国际化的,也就是需要提供多种语言版本
Vue I18n 是 Vue.js 的国际化插件。它可以轻松地将一些本地化功能集成到你的 Vue.js 应用程序中
温馨提示
xxxxxxxxxx
npm install --save vue-i18n@next
ximport { createI18n } from 'vue-i18n'
const messages = {
zh:{
message: {
navs: '当前'
}
}
en:{
message: {
navs: 'current'
}
}
}
const i18n = createI18n({
legacy:false, // 必须配置,否则报错,而且只能是false
locale: 'zh', // 设置当前语言环境
globalInjection:true, // 允许访问形式 $t 来访问
messages
})
export default i18n
xxxxxxxxxx
import { createApp } from 'vue'
import Vuei18n from "./locales/i18n.js"
const app = createApp(App)
app.use(Vuei18n)
app.mount('#app')
xxxxxxxxxx
<div>{{ $t('message.navs') }}</div>