vue项目国际化,中英繁,三种语言切换

我们的软件,为了满足不同地区的需求,我们的前端部分需要做,多语言的支持,这里做一个简单的分享!

1.首先,安装;

1
npm install vue-i18n

2.在与main.js同级目录下,新建文件夹,如图吧:
image.png
3.看一下main.js,注意文件的目录结构,层级;
image.png
4.看i18n.js;
image.png
5.看index.js
image.png
6.cn.js
image.png
7.en.js
image.png
8.tw.js
image.png
9.下面是在组件里切换语言;
image.png
image.png
image.png
截图,不上代码的原因,希望可以自己动手写一遍,不要复制粘贴!
其实吧! 截图也挺累!

访客的ip和所在地址: 访问时间: 当前时间:

殖民 wechat
欢迎您扫一扫上面的微信公众号
打赏不在多少,请鼓励一下!