2019-04-19 vue +vue-i18n实现国际化多语言

1.首先安装vue-i18n

命令：npm install vue-i18n

2.在main.js中配置

图片1

按照上面写之后前台报什么VueI18n config undefined错误，查了半天解决办法如下：

暂时不懂为什么，反正不报错了

3.写一个组件实例来测试一下效果

i18nTest.vue没有用到

界面有点丑，主要为了看效果

点击保存后显示结果

功能是实现了，但要实现读取第一个输入框的值并将其转换为英语显示到第二个输入框，，没有实现，具体问题是：i18n插件需要将显示的文本信息全部提前写在文件里。

我参考的文档附上网址：https://blog.csdn.net/qq_25324335/article/details/80767749

https://blog.csdn.net/qq_32340877/article/details/80148913