vue.3(v-i18n)

i18n : 국제화(다국어) 지원해주는 오픈 소스(It easily integrates some localization features to your Vue.js Application.)

 

→json { 내용 : 해당 언어로 쓰인 내용 } 형식

→언어별로  (ko.json, en.json) 파일 작성

 

 

 

//en.json

const messages = {
  en: {
    message: {
      hello: '{msg} world'
    }
  }
}

//app.vue

<p>{{ $t('message.hello', { msg: 'hello' }) }}</p>
            //위치               //입력값

<p>hello world</p>

 

//main.js

new Vue({
  store,
  router,
  i18n,
  render: h => h(App)
}).$mount('#app')

main.js : i18n 1.import 2.사용하는거 알려주기

 

 

참고 : 

https://kazupon.github.io/vue-i18n/

Vue I18n