Vue开发：国际化项目

发表于 2022-01-13 更新于 2023-01-31 分类于 Vue开发阅读次数：

本文字数： 657 阅读时长 ≈ 1 分钟

想要让自己的项目供不同国家的人使用那么我推荐你使用 vue-i18n 来进行国际化项目

注意

Vue3 与 Vue2 有一些破坏性的变化，导致组件的使用上有些不一样，以下选择合适自己的仓库与使用文档

Vue2：

Vue3：

即翻译文件中有某些地方需要通过传入的内容动态翻译

翻译文件如下：

{
	"public": {
		"hello": "你好，{world}！"
	}
}

翻译部分如下：

1	<div>{{ $t('public.hello', {world: "世界"}) }}</div>

即翻译文件中的属性名可以跟随动态参数进行变化

翻译文件如下：

{
	"public": {
		"this-is-#number#-day": "今天是{number}号"
	}
}

翻译部分如下：

1	<span>{{ $t('public.this-is-#number#-day', {number: 2}) }}</span>