Vue.js 다국어 처리하기

언어에 대한 방법 기준은 i18n을 채용한다는 조건을 정리해 본다.

사용 플러그인: https://github.com/kazupon/vue-i18n

사용방법

vue.script.js

언어별 JSON파일

JSON형식으로 언어별 파일을 만들고 언어별 내용은 이것으로 관리한다. 기본적으로 1페이지에 대해 1개 JSON파일이 제일 관리하기 편했다.

또한, ko.json, en.json처럼 언어별로 나눌 수 있다.

app.component.html

참고로 vue-i18n for Server-Side Rendering도 같이 사용하면 좋을 것 같다.

Site Footer