Vuetifyとは
VuetifyはVue.jsで利用できるUIコンポーネント。マテリアルデザインにもとづいて実装されています。
https://vuetifyjs.com/ja/
ブラウザサポート
IE10以下は非対応となります。
今回の対象となる、IE11/Safari9はPolyfillを使うことで対応が可能です。
手順
babel-polyfillのインストール
// my-project/
$ npm install babel-polyfill --save
// or
$ yarn add babel-polyfill
webpackのエンドポイントのソースでimport
// my-project/src/main.js
import 'babel-polyfill'
...
new Vue()
webpackのビルド設定ファイルの修正
module.exports = {
// 略
entry: {
app: ['babel-polyfill', './src/main.js']
},
// 略
entry
のプロパティにbabel-polyfill
を追記します。
参考URL
https://vuetifyjs.com/en/getting-started/quick-start#ie11-support
https://github.com/vuetifyjs/vuetify/issues/794