vue国际化（多语言）

 

 

方法1：用 js-cookie 包 并且挂载在 main.js 上

1、安装 vue-i18n + js-cookie 插件

npm install vue-i18n -S
npm install js-cookie --save

2、去检查一下你安装的 i18n 版本是不是 8.26.5

3、在 main.js 中引入

4、在 src 上建立文件夹

5、给创建的中文和英文添加语言

注意：二个文件夹的命名要一样

6、使用

7、切换语言

 

方法2：不用 js-cookie 包

1、安装 vue-i18n 插件

npm install vue-i18n -S

 

2、去检查一下你安装的版本是不是 8.26.5 的

3、在 src 上建立文件夹

4、去新建的文件 index.js 里面开工

5、去 local_zh.js 和 local_en.js 里填写

注意：二个文件夹的命名要一样

6、在 main.js 中引入

7、使用

8、切换语言

 

参考资料

https://blog.csdn.net/m0_54409638/article/details/125181861