vue项目兼容IE浏览器之在ie浏览器出现空白页

vue项目在IE下出现空白，读不出数据的情况。还有一些ES新语法不兼容问题的处理。

一、使用vue-cli创建项目

1、在vue项目中使用 npm 安装babel-polyfill

npm install --save-dev babel-polyfill

2、在mian.js中引入babel-polyfill（在引入vue、vuex之前引入）

import 'babel-polyfill'

3、修改build 文件下的webpack.config.js中的入口文件

module.exports={
	entry:{
        app: ["babel-polyfill", "./src/main.js"]
    }
}

4、在index.html文件中引入下列代码(非必须)

< meta http-equiv = "X-UA-Compatible" content = "IE=edge,chrome=1" />

最后重启项目，OK啦！！！

二、在html中引入vue，使用时的处理

在html中使用vue也是需要引入 babel 和 polyfill 滴。具体操作如下：
1、下载 browser.min.js 以及 polyfill.min.js 到自己JS文件里面。
2、在使用vue的HTML中引入这两个js文件，并且在引入vue.js之前引入

<script src="../lib/browser.min.js"></script>
<script src="../lib/polyfill.min.js"></script>
<script src="../lib/vue.min.js"></script>

3、在 scrpit 标签中的 type=“text/babel”,这里的 scrpit 标签只是有vue的文件引入，其他scrpit不作修改

<script type="text/babel">
    var app = new Vue({
        el: '#app',
        data() {
            return {
                nowTime: "",
            }
        }
    })
</script>

至此，可行了！！！！