国际化I18N的使用

217 阅读1分钟
  1. 首先安装 npm i vue-i18n@8
  2. 引入安装创建三步

image.png 3. 此时就可以在程序中看到两个实例 i18ni18n与t。 image.png 4. 可以在创建的实例中添加不同语言:

image.png 5. 其中locale指定语言。messages写入键值对(也就是需要替换什么语言)。需要使用时在vue实例中直接使用t(messeages中的key),使用t('messeages中的key'),使用i18n.locale去改变语言