vue $t

// 在 Vue 项目中使用 $t 方法进行国际化（i18n）的示例代码

// 1. 安装 vue-i18n 插件
// npm install vue-i18n

// 2. 创建 i18n 实例并配置语言包
import Vue from 'vue';
import VueI18n from 'vue-i18n';

Vue.use(VueI18n);

const messages = {
  en: {
    message: {
      hello: 'hello world'
    }
  },
  zh: {
    message: {
      hello: '你好，世界'
    }
  }
};

const i18n = new VueI18n({
  locale: 'zh', // 设置默认语言为中文
  messages, // 加载语言包
});

// 3. 在组件中使用 $t 方法
new Vue({
  i18n,
  el: '#app',
  render(h) {
    return h('div', this.$t('message.hello')); // 使用 $t 方法获取翻译内容
  }
});

解释说明：

• $t 是 vue-i18n 提供的一个方法，用于在 Vue 组件中进行国际化文本的翻译。
• messages 对象包含了不同语言的翻译内容，例如英文 (en) 和中文 (zh)。
• i18n 实例通过 locale 属性设置当前使用的语言，默认是中文 (zh)。
• 在组件的 render 函数或模板中，可以通过 this.$t('message.hello') 来获取对应语言的翻译文本。