Vue.js 将lang添加到现有Vuejs应用程序

开始学习VUEJ。想知道如何添加国际化。咨询：

入门
要设置可用区域设置或当前区域设置，请在安装Vuetify时提供

lang

选项

问问自己，是否每个开始学习VueJ的人都考虑过国际化

我的问题是，在创建vuejs应用程序后，是否有方法添加

lang

选项

我建议使用它，因为它易于设置，并且对于将来的添加非常灵活。要添加它，请执行以下操作：

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

实例中

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

最后，您可以在应用程序中使用它：

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

{{$t（“message.hello”）}

---

我建议更多地搜索该主题，因为有大量的资源。

我理解您的建议。但是你知道如何解决OP吗？是的，我创建了应用程序，现在想国际化