给Vue组件加上国际化支持
原文中文,约2400字,阅读约需6分钟。发表于: 。起源由于产品诉求,需要给已有发布的组件添加国际化支持功能,网上大部分都是国际化插件使用的案例,所以经过了一番摸索实践,有了一下的方案。我这里使用的插件是 vue-i18n,借鉴(抄了)了elem...
本文介绍了如何给已有发布的组件添加国际化支持功能,使用了vue-i18n插件,并借鉴了element-ui中的国际化部分源码。通过在组件目录中添加locale文件夹,并编写多语言文件,然后在组件库的入口文件中调用use和i18n方法,混入locale.js并使用t方法实现国际化。最后,将locale文件输出到组件的package.json中。使用方法与element-ui一致。