注意:vue3使用i18n时,vue- i18n的版本不低于@9
现象:翻译都生效了就插入的变量不生效
例:失效显示:当前共有{number}名学员
正常显示:当前共有6名学员
原因:引入错了createI18n的引入文件;也就是导入的i18n文件版本错误,不是所需对应的版本,与Vue本身一样,i18n包提供了各种版本。和Vue一样,它们有一个有和没有运行时编译器的版本。
原来的引入:import { createI18n } from 'vue-i18n/dist/vue-i18n.runtime.esm-browser.prod';
解决办法:将createI18n的引入改为:import { createI18n } from 'vue-i18n';
或 import { createI18n } from 'vue-i18n/dist/vue-i18n.esm-bundler';