多语言国际化组件i18n

多语言国际化支持

---

一、多语言国际化支持？

国际化(i18n)处理

vue项目中的多语言支持使用的是vue-i18n

参考：参考地址

二、使用步骤

引入库

npm i vue-i18n@8.22.2

配置 :
1.引入语言包

src
└── lang
    ├── index.js
    ├── en.js # 拷入的资源包
    └── zh.js # 拷入的资源包

2.配置文件
src/lang/index.vue

import Vue from 'vue'
import VueI18n from 'vue-i18n'
// 引入自定义中文包
import customZH from './zh' 
// 引入自定义英文包
import customEN from './en' 

Vue.use(VueI18n)

// 创建国际化插件的实例
export default new VueI18n(