Vue项目实现国际化i18n(多语言)

  1. 安装:cnpm install vue-i18n -S
  2. 导入注册:
import VueI18n from 'vue-i18n'
Vue.use(VueI18n)
  1. 使用:
//1-初始化数据
const messages = {
    zh: {
      message: {
        hello: '好好学习,天天向上!'
      }
    },
    en: {
      message: {
        hello: 'good good study, day day up!'
      }
    }
}
//2-实例化i18n
const i18n = new VueI18n({
    locale: 'zh', // 设置默认语言
    messages
})
//3-挂载到vue根实例上
import App from './App.vue'
new Vue({
    el: '#app',
    router,
    i18n,
    render: h => h(App)
   // components: { App },
  // template:'',
})

{{ $t("message.hello") }}

参考文档:参考文档
github在线文档:github

你可能感兴趣的:(Vue项目实现国际化i18n(多语言))