Vue.js是一款基于MVVM模式、數(shù)據(jù)驅(qū)動的JavaScript框架,Vue2.x版本支持主流瀏覽器。
然而,在使用Vue開發(fā)時(shí),我們會發(fā)現(xiàn)在IE瀏覽器中,頁面會出現(xiàn)白屏的情況。
造成這種問題的原因是IE瀏覽器在解析ES6語法時(shí)存在兼容性問題,而Vue2.x版本使用的語法大量采用ES6寫法,導(dǎo)致IE無法解析。
以下是一種解決方法:
// 在webpack配置文件中添加babel-polyfill module: { rules: [{ test: /\.js$/, loader: 'babel-loader', exclude: /node_modules/, options: { presets: ['es2015'], plugins: ['transform-runtime'], cacheDirectory: true } } ] }
上述代碼中,我們在webpack配置文件中添加babel-polyfill,并在loader中進(jìn)行配置。
這樣,在IE中就可以成功渲染Vue組件了。
上一篇vue id sync
下一篇vue idea提醒