1. 程式人生 > >vue.js相容IE11瀏覽器的做法(npm和普通的html中的使用)

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 {}
    }