1. 先創建一個lang 文件夾,創建兩個js文件en.js(英文), zh.js(中文), 另外創建一個index.js文件(用於)
en.js zh.js
(兩者必須保持一致)
2. 在index.js 中引入vue和vue-i18n, 並注冊vue-i18n 然后 引入en.js和zh.js兩個文件
(1) elementEnLocale 和elementZhLocale 是element-ui國際化需要的,如果沒有使用element-ui,則不需要引入
(2) locale : 設置的默認的語言
3. 將i18n引入main.js, 並在初始化注冊 (中間圈住的是element-ui 為了兼容vue-i18n@6.x)
4. 使用方式
(1) 雙括號 {{$t('xxx.yyy')}}
(2) 綁定到屬性上: :prop="$t('xxx.yyy')"
(3) 在js語句中使用`${this.$t('xxx.yyy')}`
5. 改變語言 將你定義的語言名字賦值給this.$i18n.locale