如何让Vue项目实现多语言/国际化

第一步,安装包

   npm i vue-i18n

第二步,配置

src/lang/index.js    1.导入vue-i18n   2.集成element-ui中的语言包  3.导出 

第三步使用

1.在入口文件main.js中导入i18n

2.实例化VueI18n 设置i18n属性

3.在代码中$t('xxx.yyy')来获取在不同语言下的文字内容

 封装一个动态切换多语言的组件用到的技术

this.$i18n.locale   

        1.它可以获取当前使用的语言 

        2.设置当前使用的语言

        3.本质上是src/lang/index.js中的locale项的设置

el-dropdown

        command属性

        @command事件