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

我们的软件,为了满足不同地区的需求,我们的前端部分需要做,多语言的支持,这里做一个简单的分享!
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项目国际化,中英繁,三种语言切换)