vue-i18n 是一个为 Vue.js 提供的国际化插件，用于在应用程序中处理多语言的需求。它允许你在 Vue 组件中轻松管理和切换不同的语言。
使用示例：
1、安装 vue-i18n：
npm install vue-i18n
2、在项目中使用：
// main.js
import Vue from ‘vue’;
import VueI18n from ‘vue-i18n’;
import App from ‘./App.vue’;
Vue.use(VueI18n);
const messages = {
en: {
welcome: ‘Welcome to My App!’
},
fr: {
welcome: ‘Bienvenue dans mon application!’
}
// Add more languages as needed
};
const i18n = new VueI18n({
locale: ‘en’, // 默认语言
messages
});
new Vue({
el: ‘#app’,
i18n,
render: h => h(App)
});
3、在组件中使用翻译：
<!– App.vue –>
<template>
<div>
<p>{{ $t(‘welcome’) }}</p>
</div>
</template>
在这个示例中，$t('welcome') 将根据当前语言环境选择正确的翻译。你可以在 messages 对象中添加更多语言的翻译，并通过修改 i18n 实例的 locale 属性来切换语言。