vue-i18n国际化+iview组件国际化

背景

一个现有的中文的大型且复杂的VUE项目，页面巨多，有n多个组件和页面！！！需要国际化语言，翻译成英文。

需要干的事

1.引入vue-i18n(vue的国际化插件)，配置语言包，注意用了组件的，还得将组件的语言包导进来。

2.将项目里的文本提取出来，并翻译，作为翻译的语言包。

3.替换js和vue的文本。

说明

        在这个项目中，需要把现有的巨多的页面文本都提取出来做一个翻译语言包，而且页面巨多，文本巨多。如果采用中文一个语言包（例如：{"note":"保存的名称重复"}），英文一个语言包（{"note":"The saved name is duplicated."}），不仅要另外取属性名字，而且页面文本替换也不方便，得把中文文本替换成改的属性名，再包裹翻译方法。

        于是，我们最终决定采用这样的一个语言包格式，中英文都在这一个包里面，例如：{"保存的名称重复":"The saved name is duplicated."} ，即左边中文，右边英文。这样不仅不用另外取属性名，方便语言包的提取和翻译，而且在页面中可以直接在中文文本上包裹翻译方法。就无需再替换中文文本为取的属性名，再包裹翻译方法了。                              

具体实现

1.引入vue-i18n(vue的国际化插件)，配置语言包，注意用了组件的，还得将组件的语言包导进来。

安装

要安装指定版本的自行加@版本号

npm install vue-i18n

创建文件夹

在src文件夹下创