Vue 하의 국제 화 처리 방법
npm install vue-i18n --save
주:-save-dev 는 패키지 정 보 를 devDependencies 에 추가 하여 개발 할 때 의존 하 는 패키지 입 니 다.-save 는 패키지 정 보 를 dependencies 에 추가 하여 발표 할 때 의존 하 는 패키지 입 니 다.
2:main.js 에 정보 설정
import VueI18n from 'vue-i18n'
import {getCookie} from './common/cookie' // js , getCookie,
Vue.use(VueI18n)
const i18n = new VueI18n({
locale: getCookie('PLAY_LANG','cn-zh'), //
messages: {
'cn-zh': require('./language/cn-zh'), //
'en-us': require('./language/en-us') //
}
})
new Vue({
el: '#app',
i18n, //
router,
template: '<App/>',
components: { App }
})
3:디 렉 터 리 src 에 language 파일 을 새로 만 듭 니 다.가능 한 한 main.js 와 같은 등급 으로 저장 하고 js 파일 두 개,cn-zh 와 en-us 를 추가 하여 번역 할 언어 를 저장 합 니 다.4:getCookie 함수
function getCookie(name,defaultValue) {
var arr, reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)"); //"(^| )"
if (arr = document.cookie.match(reg))
return unescape(arr[2]);
else
return defaultValue;
}
export {
getCookie
}
이상 의 Vue 아래 의 국제 화 처리 방법 은 바로 편집장 이 여러분 에 게 공유 한 모든 내용 입 니 다.여러분 에 게 참고 가 되 고 여러분 들 이 저 희 를 많이 사랑 해 주시 기 바 랍 니 다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
Vue Render 함수로 DOM 노드 코드 인스턴스 만들기render에서createElement 함수를 사용하여 DOM 노드를 만드는 것은 직관적이지 않지만 일부 독립 구성 요소의 디자인에서 특수한 수요를 충족시킬 수 있습니다.간단한 렌더링 예는 다음과 같습니다. 또한 v...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.