Vue i18n是Vue.js的國際化插件。它使開發人員可以輕松地為應用程序添加多語言支持。

要使用Vue i18n，首先需要安裝它。在控制臺中，導航到你的項目目錄并運行以下命令：

npm install vue-i18n --save

一旦安裝了vue-i18n，你需要將它添加到你的Vue.js應用程序。這可以通過在入口文件中導入和使用它來完成：

import VueI18n from 'vue-i18n'
Vue.use(VueI18n)

現在，你可以定義所有支持的語言和翻譯。這可以通過創建一個JavaScript對象數組來完成，其中每個對象都表示一種語言:

const messages = {
en: {
hello: 'Hello, world!'
},
es: {
hello: '?Hola, mundo!'
}
}

現在你需要創建一個VueI18n實例，并將其添加到Vue實例中:

const i18n = new VueI18n({
locale: 'en', // 默認語言
messages,
})
new Vue({
el: '#app',
i18n,
render: h =>h(App)
})

你已經成功地將Vue i18n添加到你的Vue.js應用程序中，并定義了你的語言和翻譯。現在，你可以在你的Vue組件中使用翻譯。這可以通過在模板中使用 $t 方法來完成:

export default {
name: 'MyComponent',
mounted() {
console.log(this.$t('hello'))
}
}

在上面的代碼中，組件的mounted方法中輸出了hello翻譯的值，如果當前語言是英文，則會輸出“Hello, world!”，否則會輸出“?Hola, mundo!”。