美文网首页Vue精彩案例、教程
vue项目国际化,中英繁,三种语言切换

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

作者: 殖民_FE | 来源:发表于2018-08-15 13:31 被阅读252次

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

截图,不上代码的原因,希望可以自己动手写一遍,不要复制粘贴!
其实吧! 截图也挺累!

相关文章

网友评论

    本文标题:vue项目国际化,中英繁,三种语言切换

    本文链接:https://www.haomeiwen.com/subject/kgtwbftx.html