兼容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