一.安裝
在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)行使用;