vue国际化(多语言)

发布时间 2023-05-09 19:46:53作者: 泠风lj

 

 

方法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