добавить язык в существующее приложение Vuejs

Question

начал учиться VueJs. Хотите знать, как добавить интернационализацию. Консультации на этой VueJs странице документации :

Начало работы
Чтобы установить доступные локали или текущую локаль, укажите опцию lang при установке Vuetify.

Спросите себя, все ли, кто начинает изучать VueJs, думают о интернационализации ...

Мой вопрос, есть ли способ добавить опцию lang ПОСЛЕ vuejs приложение создано.

Answer 1

Я бы порекомендовал использовать vue-i18n, поскольку он прост в настройке и гибок для будущих дополнений. Чтобы добавить его:

npm install vue-i18n

Затем добавьте новый плагин:

import VueI18n from 'vue-i18n'
Vue.use(VueI18n)
const messages = {   
  en: {     
    message: {       
      hello: 'hello'     
    }   
  },   
  fr: {     
   message: {       
     hello: 'Bonjour'     
   }   
  } 
}
export const i18n = new VueI18n({ locale: 'en', fallbackLocale: 'fr', messages });

После этого вы можете импортировать его в свой main.js и добавить в него внутри своего vue instance.

import {i18n} from './plugins/i18n';
new Vue({i18n,...

Наконец, вы можете использовать его в своем приложении:

<p>{{ $t("message.hello") }}</p>

Я рекомендую поискать больше по topi c, там много ресурсов.