在Vue.js中显示i18n文本中的组件

，可以通过以下步骤实现：

首先，确保已经安装并配置了Vue-i18n插件。可以通过npm或yarn安装Vue-i18n，并在Vue项目的入口文件中进行配置。
在Vue组件中引入Vue-i18n，并在组件的选项中添加i18n配置。例如：

import Vue from 'vue';
import VueI18n from 'vue-i18n';

Vue.use(VueI18n);

const i18n = new VueI18n({
  locale: 'en', // 默认语言
  messages: {
    en: {
      // 英文文本
      greeting: 'Hello!',
    },
    zh: {
      // 中文文本
      greeting: '你好！',
    },
  },
});

new Vue({
  i18n,
  // 组件选项
});

在模板中使用i18n文本。可以使用Vue的内置指令$t来获取对应语言的文本。例如：

<template>
  <div>
    <p>{{ $t('greeting') }}</p>
  </div>
</template>

在上述示例中，$t('greeting')会根据当前语言环境返回对应的文本，如果当前语言是英文，则显示"Hello!"，如果是中文，则显示"你好！"。

可以根据需要在Vue组件中切换语言。可以通过$i18n.locale来动态改变当前语言。例如：

<template>
  <div>
    <button @click="changeLanguage('en')">English</button>
    <button @click="changeLanguage('zh')">中文</button>
    <p>{{ $t('greeting') }}</p>
  </div>
</template>

<script>
export default {
  methods: {
    changeLanguage(locale) {
      this.$i18n.locale = locale;
    },
  },
};
</script>

在上述示例中，点击"English"按钮会将当前语言切换为英文，点击"中文"按钮会将当前语言切换为中文。

以上是在Vue.js中显示i18n文本中的组件的基本步骤。对于更复杂的多语言应用，可以使用Vue-i18n提供的更多功能和特性，如日期格式化、数字格式化、复数形式等。腾讯云相关产品中，可以使用腾讯云的云服务器（CVM）来部署Vue.js应用，具体详情请参考腾讯云云服务器产品介绍：https://cloud.tencent.com/product/cvm。