# 浏览器支持

# 浏览器

# 支持 IE11 和 Safari 9

Vuetify 使用 ES2015/2017 的功能，这些功能需要使用 polyfills 来兼容 Internet Explorer 11 和 Safari 9/10。

# Vue CLI

遗憾的是，Vue CLI 并没有自动带来 IE11 的兼容性，在这里你可能会遇到各种错误（如 Symbol 未定义）。 为了解决这些错误，你可能需要在 vue.config.js中手动添加 transpileDependencies参数。

// vue.config.js

module.exports = {
  transpileDependencies: ['vuetify']
}

# Webpack

如果你在使用自定义 Webpack 设置， 你需要安装 core-js 和 regenerator-runtime 包。 在你的终端中，运行以下命令：

yarn add core-js regenerator-runtime
# 或者
npm install core-js regenerator-runtime --save

_尽早_在你的 main.js 文件或应用程序的主要入口处安装插件。

// src/main.js

// Polyfills
import 'core-js/stable'
import 'regenerator-runtime/runtime'

// Imports
import Vue from 'vue'
import vuetify from '@/plugins/vuetify'

new Vue({ vuetify }).$mount('#app')

yarn add @babel/preset-env -D
# 或
npm install @babel/preset-env -D

// babel.config.js

module.exports = {
  presets: ['@babel/preset-env']
}

// .babelrc

{
  "presets": ["@babel/preset-env"]
}

# Template 警告

由于 Internet Explorer 对 <template> 标签的支持有限，您必须向浏览器发送完整编译的 dom 元素。 这可以通过提前构建你的 Vue 代码或者通过创建辅助组件来替换 dom 元素来实现。 例如，如果直接发送至 IE，就会失败：

<!-- Vue Component -->

<template v-slot:items="props">
  <td>{‌{ props.item.name }‌}</td>
</template>