VUE: Usando i18n en vue3.x

Vue 3.x se lanzó hace algún tiempo. Si lo estás utilizando y tienes necesidades de internacionalización, espero que este artículo pueda ayudarte.

Para configurar la internacionalización en vue, generalmente se utiliza vue-i18n. Dado que la versión v8 de vue-i18n solo admite vue 2.x, necesitamos instalar la versión 9 o superior aquí.

NPM:

Yarn:

PNPM:

Npm determinará automáticamente su versión de Vue, si no es la versión 3.0 o superior , Se informará un error:

Para otros métodos, puede iniciar sesión en el sitio web oficial: https://vue-I 18n.

Una vez completada la instalación, puede crear una instancia de i18n en cualquier lugar que desee.

Para facilitar la gestión, lo creé en src/I 18n/index.ts.

Una vez creado, se puede importar al archivo del portal. De forma predeterminada, el archivo de entrada de vue 3.x es main.ts o main.js en el directorio raíz.

Puedes usarlo después de la introducción. El método de uso es el mismo que el de vue 2.x y el valor en el paquete de idioma se obtiene mediante el método $t.

Resultado renderizado:

Ya terminaste.