官方文档
安装以及配置这里忽略,这里主要概述使用:
- 在主入口文件中使用 i18n
// main.js
import i18n from './i18n/index.js';
app.use(i18n);
- 在组件中使用 I18n
<template>
{{ $t("login.password") }}
<div v-t="'login.password'"></div>
</template>
<script setup lang="ts">
import { useI18n } from 'vue-i18n';
const { t } = useI18n();
console.log(t("home.hello"));
</script>