Vuetify 는 웹개발의 다음 단계로 나아가는 것을 추구하는 진보적인 프레임워크입니다. 최상의 개발 경험을 제공하기 위해 오래된 버전의 인터넷 익스플로러 지원하지 않는 다소의 희생이 있었습니다. 아래에 Vuetify 가 지원하는 웹브라우저들을 소개하였습니다.
Vuetify utilizes features of ES2015/2017 that require the need to use polyfills for Internet Explorer 11 and Safari 9/10. If you are using Vue CLI, this is done automatically for you. Otherwise, in your project directory, you can install babel-polyfill:
플러그인을 가능한 한 쉽게 귀하의 메인 index.js 에 추가하는것은 중요한 일입니다. 만약, Vuetify SSR 페키지를 사용중이라면, client-entry.js 에 추가해 주세요.
It is recommended that you use babel-preset-env with the corresponding polyfill to ensure only the necessary polyfills are added to your application. For more information on babel-preset-env, visit the documentation
Once installed, add the preset to your .babelrc or babel.config.js
Unfortunately Vue CLI doesn't automatically bring IE11 compatibility in which you may encounter various errors (such as Symbol is not defined). To assist in resolving these errors you may need to manually add transpileDependencies parameter in vue.config.js.
Due to Internet Explorer's limited support for <template> tags, you must send fully compiled dom elements to the browser. This can be done by either building your Vue code in advance or by creating helper components to replace the dom elements. For instance, if sent directly to IE, this will fail: