vue.js不能支持ie8的原因是什么

這篇文章將為大家詳細(xì)講解有關(guān)vue.js不能支持ie8的原因是什么，小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。

原因：1、ie8及以下版本不支持Object.defineProperty方法，但這個(gè)是vue實(shí)現(xiàn)響應(yīng)式的所必須的，所以從Vue的源碼來(lái)看根本就無(wú)法支持IE8；2、Vue需要支持Promise的支持，IE8不支持Promsie。

在從Vue官網(wǎng)上看下為什么不支持IE8

Vue.js會(huì)對(duì)所有的實(shí)現(xiàn)雙向綁定的數(shù)據(jù)，使用 Object.defineProperty 把這些屬性全部轉(zhuǎn)為 getter/setter。Object.defineProperty 是 ES5 中一個(gè)無(wú)法 shim 的特性，這也就是為什么 Vue 不支持 IE8 以及更低版本瀏覽器的原因。

注意這里：Object.defineProperty是無(wú)法通過(guò)墊板實(shí)現(xiàn)的一個(gè)方法，是和瀏覽器自身有關(guān)系的，所以Vue從根本上來(lái)說(shuō)本來(lái)就無(wú)法支持IE8;

Vue 不支持 IE8 及以下版本，因?yàn)?Vue 使用了 IE8 無(wú)法模擬的 ECMAScript 5 特性。但它支持所有兼容 ECMAScript 5 的瀏覽器

且，Vue需要支持Promise的支持，IE8同樣不支持Promsie。

擴(kuò)展資料：

Object.defineProperty()

該方法允許精確添加或修改對(duì)象的屬性。一般情況下，我們?yōu)閷?duì)象添加屬性是通過(guò)賦值來(lái)創(chuàng)建并顯示在屬性枚舉中（for…in 或 Object.keys 方法），但這種方式添加的屬性值可以被改變，也可以被刪除。而使用 Object.defineProperty() 則允許改變這些額外細(xì)節(jié)的默認(rèn)設(shè)置。例如，默認(rèn)情況下，使用 Object.defineProperty() 增加的屬性值是不可改變的。

在 vue 源碼中搜索 “Object.defineProperty” ：

可以看到有 5 個(gè)匹配的地方，也就是說(shuō) vue 中有 5 處使用了 “Object.defineProperty()”。

搜索的版本是： Vue.js v1.0.26

Object.defineProperty()的瀏覽器支持情況：

可以看出支持情況是 IE9 及以上。

關(guān)于“vue.js不能支持ie8的原因是什么”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，使各位可以學(xué)到更多知識(shí)，如果覺得文章不錯(cuò)，請(qǐng)把它分享出去讓更多的人看到。