В папке вашего проекта
$ vue add i18n ? The locale of project localization. en ? The fallback locale of project localization. en ? The directory where store localization messages of project. It's stored under `src` directory. locales ? Enable locale messages in Single file components ? Yes
добавить файлы локали в src / locales
en.json
{
"message": "english message"
}
ko.json
{
"message": "한글 메시지"
}
App.vue
изменить языковой стандарт в зависимости от языка браузера.
<template>
<div id="app">
<p> {{ $t('message') }} </p>
</div>
</templage>
export default {
name: 'App',
data() {
return {
locale: 'en'
}
},
mounted() {
var userLang = navigator.language || navigator.userLanguage;
console.log("language=" + userLang);
this.locale = userLang.substring(0, 2);
},
watch: {
locale (val) {
this.$i18n.locale = val
}
},
}