前言
该项目使用vue(3.0.5)+ vue-i18n(9.1.2) +vite2.0
所谓的vue-i18n国际化方案,简而言之,就是根据它的规则自己建立一套语言字典,对于每一个字(message)都有一个统一的标识符,我们直接在文中使用该标识符代替原来固定的某一语言,该方案在内部会自动转为你需要查看的语言。
原因
当前项目需要采用国际化方案,但因为采用了vue3.0,网上诸多说明不太明白,故在此记录一下。。。
使用流程
1. 下载安装
npm install vue-i18n
2.在main.js所在目录建立locales文件夹,该文件对外暴露了全局注册接口,以及对message的配置(建议)
3. 初步使用
如果需要国际化的message不是太多,可以直接将条目信息配置在getMessage.js文件中
setupI18n.js
import { cr