vue.js兼容IE11浏览器的做法(npm和普通的html中的使用)

一、npm模式

1、npm安装babel-polyfill

npm install babel-polyfill --save-dev

2、在入口文件main.js中引入

import 'babel-polyfill'

3、如果也是用了官方脚手架vue-cli,还需要在webpack.config.js配置文件中做修改,即可。
entry: { app: ["babel-polyfill", "./src/main.js"] }

二、html模式

1.在head直接引入

<script src="https://cdn.polyfill.io/v2/polyfill.min.js"></script>

2.注意
IE兼容性问题
IE11不识别 data(){}、created()等定义的方法,改成下面的形式:

    data(){
        return {}
    }

仅识别如下形式:

data: function () {
        return {}
    }

猜你喜欢

转载自blog.csdn.net/qq_31001889/article/details/84341682
今日推荐