언어에 대한 방법 기준은 i18n을 채용한다는 조건을 정리해 본다. 사용 플러그인: https://github.com/kazupon/vue-i18n 사용방법 vue.script.js
JavaScript
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 |
import Vue from 'vue'; import VueI18n from 'vue-i18n'; const data = require('./message.json'); // 언어설정 Vue.use(VueI18n); const i18n = new VueI18n({ locale: 'ko', // 기본언어는 ko로 유지하지만 브라우저 언어를 체크해서 변경 messages: data }); // Vue const app = new Vue({ el: '#app', i18n: i18n, data: {}, created() {}, methods: { handleClick_changeLanguage(lang) { this.$i18n.locale = lang; } } }); |
언어별 JSON파일 JSON형식으로 언어별 파일을 만들고 언어별 내용은 이것으로 관리한다. 기본적으로 1페이지에 대해 1개 JSON파일이 제일 […]