Vue I18n實(shí)現(xiàn)項(xiàng)目國際化

一.安裝

在vue-cli項(xiàng)目中安裝Vue I18n (vue add i18n),安裝成功后根據(jù)提示輸入文件夾名稱,默認(rèn)語言等配置即可。

二.配置后自動生成文件夾

安裝成功后項(xiàng)目中會生成對應(yīng)的語言包文件夾:

根據(jù)輸入配置自動生成的文件夾

:此處的 json 文件中建議存放全局使用率較高的詞匯;

三.使用
1.組件中定義并使用:

首先在<i18n></i18n>標(biāo)簽聲明首先需要進(jìn)行國際化的變量:

使用標(biāo)簽包含需要進(jìn)行國際化的變量

聲明后在<template></template>中通過$t(‘’)進(jìn)行使用:
調(diào)用方式

2.全局定義并使用:

首先在自動生成的/locals文件夾中建立對應(yīng)的json文件:

根據(jù)業(yè)務(wù)需求新建語言json

json中變量定義

聲明后即可在所有組件中通過$t(‘’)進(jìn)行使用;

3.在 JavaScript 文件中使用

在js文件中,通過this.$t(‘’)進(jìn)行使用;

4.Vue I18n官方地址(含詳細(xì)使用教程及Demo)

http://kazupon.github.io/vue-i18n/zh/

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容