1. ¿Qué es la internacionalización i18n?
La internacionalización se refiere al hecho de que un mismo sitio web puede soportar múltiples idiomas diferentes para facilitar el acceso de usuarios de diferentes países e idiomas. Por lo tanto, en muchos proyectos a gran escala, es necesario realizar una internacionalización para admitir varios idiomas. Debido a que el nombre en inglés Internacionalización es demasiado complicado, se toman la primera letra (I) y la última letra (n), y hay 18 en inglés. caracteres en el medio Letra, llamada así I18n.
Hay muchas formas de introducción, que pueden introducirse y usarse en documentos html o usarse en proyectos. Vale la pena señalar que el uso de proyectos vue2.x y vue3.x es ligeramente diferente. Para obtener más detalles, consulte el documento.
3. Pasos
Paso 1: instale vue-i18n en el proyecto
npm install vue-i18n
Paso dos: cree paquetes de idiomas locales
// index.ts
import { createI18n } from 'vue-i18n'
import enLocale from './en'
import zhLocale from './zh'
const messages = {
en: {
...enLocale
},
zh: {
...zhLocale
}
}
export default createI18n({
legacy:false, // 使用 vue3 组合式API 时必须设置为 false
locale: 'zh',
messages
})
/**
* createI18n({
* locale // 本地默认语言
* fallbackLocale // 备用语言(第一语言locale不存在时生效)
* legacy // 使用 vue3 组合式API 时必须设置为 false
* messages // 配置对象
* })
*
*/
Paso 3: Importar registro globalmente
Paso 4: Usar en el módulo del proyecto
El proceso anterior es el que utilicé. Si otros amigos tienen mejores sugerencias, dejen un mensaje en el área de comentarios para comunicarse ~~