我们的软件,为了满足不同地区的需求,我们的前端部分需要做,多语言的支持,这里做一个简单的分享!
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
截图,不上代码的原因,希望可以自己动手写一遍,不要复制粘贴!
其实吧! 截图也挺累!