由於最近專案做到了需求前端判別使用者使用的不同語言並且進行自動切換語言，所以想著記錄一下。
我們需要準備開發環境，我這裡使用vue-cli官方腳手架搭建了乙個vue的開發環境。
我這裡使用npm安裝依賴
$ npm install vue-i18n//多語言切換
import vuei18n from
'vue-i18n'
vue.
use(vuei18n)
const i18n =
newvuei18n(}
)
此時我們再建立乙個lang語言資料夾,在lang中建立我們需要的語言包
比如我們在中文zh-cn.js中編輯
module.exports =
}
module.exports =
,}
那麼我們怎麼在頁面中去使用我們的語言包呢，這裡有兩種使用方式
this.$t(』』) 比如使用動態屬性 如v-text 等 以及介面資料等地方都可以使用這種方式渲染
tablist:
"/reg"
>
}<
/router-link>
自動識別使用者使用語言自動切換語言
methods:}}
,created()
,
vue實現國際化
這裡為了簡單，將所有的東西都寫到main.js，在實際的應用中需要將這些拆分到不同元件中。1.1 安裝vue的國際化支援npm install vue i18n當然如果你沒有沒事使用包管理工具，那麼你可以直接這樣使用 src script 1.2 配置使用 這裡我們使用包管理工具的方式配置，我們直接...
前端js（vue）實現國際化
1.建立自己的語言包 language.js 並引入介面。2.語言種類定義json格式，如中文 zh 英文 en 韓語 ko var zh page 3.為語言定義乙個初始值。var languague zh 4.定義乙個函式獲取語言。var getlanguage function else 5....
web前端 國際化 自動翻譯（免費）
ant desing pro專案，上次完成了自動識別元件，根據元件屬性生成zh cn國際化對照檔案之後，又遇到乙個問題，怎麼從中文自動翻譯成其他語種？實現原理 如何使用 修改配置 package.json 配置指令碼 執行指令碼，生成檔案 npm run translate us npm run t...