原因:1、ie8及以下版本不支持Object.defineProperty方法,但這個是vue實(shí)現(xiàn)響應(yīng)式的所必須的,所以從Vue的源碼來看根本就無法支持IE8;2、Vue需要支持Promise的支持,IE8不支持Promsie。
在從Vue官網(wǎng)上看下為什么不支持IE8
Vue.js會對所有的實(shí)現(xiàn)雙向綁定的數(shù)據(jù),使用 Object.defineProperty 把這些屬性全部轉(zhuǎn)為 getter/setter。Object.defineProperty 是 ES5 中一個無法 shim 的特性,這也就是為什么 Vue 不支持 IE8 以及更低版本瀏覽器的原因。
注意這里:Object.defineProperty是無法通過墊板實(shí)現(xiàn)的一個方法,是和瀏覽器自身有關(guān)系的,所以Vue從根本上來說本來就無法支持IE8;
Vue 不支持 IE8 及以下版本,因?yàn)?Vue 使用了 IE8 無法模擬的 ECMAScript 5 特性。但它支持所有兼容 ECMAScript 5 的瀏覽器
且,Vue需要支持Promise的支持,IE8同樣不支持Promsie。
擴(kuò)展資料:
Object.defineProperty()
該方法允許精確添加或修改對象的屬性。一般情況下,我們?yōu)閷ο筇砑訉傩允峭ㄟ^賦值來創(chuàng)建并顯示在屬性枚舉中(for…in 或 Object.keys 方法),但這種方式添加的屬性值可以被改變,也可以被刪除。而使用 Object.defineProperty() 則允許改變這些額外細(xì)節(jié)的默認(rèn)設(shè)置。例如,默認(rèn)情況下,使用 Object.defineProperty() 增加的屬性值是不可改變的。
在 vue 源碼中搜索 “Object.defineProperty” :
可以看到有 5 個匹配的地方,也就是說 vue 中有 5 處使用了 “Object.defineProperty()”。
搜索的版本是: Vue.js v1.0.26
Object.defineProperty()的瀏覽器支持情況:
可以看出支持情況是 IE9 及以上。