vue.js는 ie9를 지원하나요?

vue.js는 ie 브라우저 버전 호환성에 대한 Vue의 공식 설명이 "ie9+"이기 때문에 테스트 후 Vue의 핵심 프레임워크 vuejs 자체와 생태계의 공식 핵심 플러그인을 의미합니다. 모두 ie9에서 정상적으로 사용할 수 있습니다.

이 문서의 운영 환경: Windows 7 시스템, Dell G3 컴퓨터, vue2.0.

추천: "vue Tutorial"

Vue의 공식 IE 브라우저 버전 호환성 설명은 ie9+이며, 이는 ie9 이상 버전을 의미합니다. 테스트 후 Vue의 핵심 프레임워크 vuejs 자체는 물론 생태계의 공식 핵심 플러그인(VueRouter, Vuex 등)도 IE9에서 정상적으로 사용할 수 있습니다.

Vue의 저자인 You Yuxi는 Vue 학습에 대한 제안에서 프로젝트를 더 나은 생태학적/엔지니어링으로 만들기 위해서는 새로운 ECMAScript 사양을 최대한 배우고 사용해야 한다고 언급했습니다.

현재 ES6/ES2015는 높은 유용성과 안정성을 갖춘 표준입니다. 중국에서는 Ruan Yifeng의 "ECMAScript 6 소개"가 많은 문서 번역을 완료했으며 개발 환경이 완성되었다고 할 수 있습니다. .

그러나 이전 브라우저는 es6 사양을 지원하지 않으며, 특히 IE 브라우저는 IE11의 최고 버전에서도 es6 사양을 완전히 지원하지 않습니다. 이를 위해서는 기본적으로 ES6 기능을 지원하지 않는 모든 브라우저에 대한 호환성 처리가 필요합니다.

ES6 호환

IE9 환경에서는 es6의 새로운 객체와 표현식 중 일부가 지원되지 않습니다. 해결 방법은 es6 코드를 하위 버전 브라우저에서 인식할 수 있는 es5로 변환할 수 있는 babel-polyfill 구성 요소를 사용하는 것입니다.

npm i babel-polyfill --save-dev

코드가 설치되면 프로젝트의 메인 엔트리 파일인 main.js

import 'babel-polyfill';

첫 번째 줄에서 직접 참조할 수 있습니다. vue-cli를 사용하여 프로젝트에서 생성한 코드에는 .babelrc 파일이 있습니다. 프로젝트 바벨의 구성 파일에서 사용되는 루트 디렉터리입니다. 기본 생성된 템플릿 콘텐츠에 "useBuiltIns": "entry" 설정 콘텐츠를 추가합니다. 이는 폴리필(호환)이 필요한 콘텐츠를 지정하는 설정입니다.

useBuiltIns에는 세 가지 설정 옵션이 있습니다

false - 수행하지 않습니다. everything

entry - 브라우저 버전의 지원에 따라 폴리필 요구 사항이 분할되어 도입되며, 브라우저에서 지원하지 않는 폴리필만 도입됩니다.

usage -

ES6/7/8의 사용법 감지 등을 코드에 추가하고 코드에 사용된 폴리필만 로드합니다. 폴리필

을 항목으로 설정하는 것이 좋습니다. 전체 .babelrc

내용은 다음과 같습니다.

{
 "presets": [
 [
  "env",
  {
  "modules": false,
  "useBuiltIns": "entry"
  }
 ],
 "stage-3"
 ]
}

이 코드를 추가한 후 대부분의 프로젝트의 콘텐츠는 ie9 버전과 호환됩니다

위 내용은 vue.js는 ie9를 지원하나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!