兼容IE浏览器

兼容IE浏览器:

  所谓的兼容 IE 浏览器 并不是 兼容所有的IE浏览器,因为跟IE版本有关系

  有一点需要特别注意:对于 IE8及其以下版本(5、7、8),Vue脚手架搭建的额项目 无法实现兼容(就是不支持,没什么办法可以实现 兼容,这一点Vue官网有提到,如有疑问请向Vue的作者 尤雨溪 反馈 );再者现在市面上很少IE用户了,而且即使是IE用户,默认的IE版本也是IE11,所有你想兼容IE5 7 8 那么,我想说:Vue的项目可能不适合你,请出门右转哈哈哈

兼容IE9、10、11:

  背景:你创建Vue项目npm run dev 启动项目后,在谷歌浏览器正常显示OK,这个没有问题,很好;但是偏偏就是这个IE老烦人了,npm run dev  IE11可以显示,但是IE9/10 就一片空白,怎么办呢?别急嘛,有问题咱们就处理他,但是有人有问 ie5 7  8  怎么办,作为一个资深的vue爱好者,我也无能为力,再说一遍,Vue的项目不兼容 IE8极其以下版本,这一点 Vue官网第一句话就提醒你了。这里,我们讨论的是IE8以上的兼容!

  使用Vue官方推荐的插件: babel-polyfill

  1.安装插件:

    在项目根目录下,终端命令窗口输入:npm install babel-polyfill --save-dev 或者 npm install babel-polyfill -D

  2.引入插件:

    在main.js中,引入babel-polyfill: import 'babel-polyfill'

  3. 重启项目: npm run dev

  4.查看效果,IE9/10/11 可以正常显示  

To You

  

原文地址:https://www.cnblogs.com/KoBe-bk/p/13958770.html