Vue不兼容IE解决方法 直接引用＜script＞

vue 使用最新的ES6语法，而IE不支持ES6，所以直接使用vue需要解决兼容性问题
vue+element 在IE浏览器的兼容问题

这是我的页面js引入

因为我用到了ES语法所以也要转换所以引入了ES6

<script src="https://cdn.bootcdn.net/ajax/libs/babel-polyfill/7.6.0/polyfill.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/es6-promise/4.1.1/es6-promise.auto.min.js"></script>

Babel默认只转换新的JavaScript句法（syntax），而不转换新的API，比如Iterator、Generator、Set、Maps、Proxy、Reflect、Symbol、Promise等全局对象，

以及一些定义在全局对象上的方法（比如Object.assign）都不会转码。

举例来说，ES6在Array对象上新增了Array.from方法。Babel就不会转码这个方法。如果想让这个方法运行，必须使用babel

<script src="https://unpkg.com/babel-standalone@6.15.0/babel.min.js"></script>

browser.min这个是兼容浏览器必须需要的

引入它的作用是使浏览器支持babel,可以使用ES语法

加入在最下面即可

需要注意在写vue中的script必须要加入type(必须加入)

<script type="text/babel">

总结解决方案：

1.HTML页面 引入依赖解决兼容es6

解决ie不兼容es6 导致vue页面无法解析
<script src="https://cdn.bootcdn.net/ajax/libs/babel-polyfill/7.6.0/polyfill.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/es6-promise/4.1.1/es6-promise.auto.min.js"></script>
<script src="https://unpkg.com/babel-standalone@6.15.0/babel.min.js"></script>

script标签的type的值设为text/babel。（需要特别注意）

<script type="text/babel">
new Vue({
	data:{
	}
})
</script>

2.vue

vue-cli3.0 配置
配置package.json

"browserslist": [
  "> 1%",
  "last 2 versions",
  "not ie <= 8"
],