安装vue-i18n
npm install vue- i18n
main.js
import VueI18n from "vue-i18n" ;
import LangEn from "@/assets/js/en.js" ;
import LangCn from "@/assets/js/zhCHS.js" ;
import LangKo from "@/assets/js/korean.js" ;
Vue. use ( VueI18n) ;
const i18n = new VueI18n ( {
locale: "cn" ,
messages: {
en: LangEn,
cn: LangCn,
ko: LangKo
}
} ) ;
window. vm = new Vue ( {
el: '#app' ,
router,
store,
i18n,
render: h => h ( App)
} )
语言包文件 en.js zhCHS.js korean.js
export default {
message: {
reg_userName: "账号不能为空" ,
}
}
export default {
message: {
reg_userName: "The account cannot be empty" ,
}
}
export default {
message: {
reg_userName: "계좌는 비어 있을 수 없습니다." ,
}
}
组件内渲染
< ! -- 页面中使用 -- >
< span> { { $t ( "message.reg_userName" ) } } < / span>
mounted ( ) {
console. log ( this . $i18n. locale) ;
console. log ( this . $t ( "message.reg_userName" ) ) ;
setTimeout ( ( ) => {
this . $i18n. locale = "en" ;
} , 3000 ) ;
setTimeout ( ( ) => {
this . $i18n. locale = "ko" ;
} , 6000 ) ;
} ,