vue+element 在ie和360浏览器的兼容问题

只是单纯的新闻性网站,包括首页、栏目页、详情页和一些专题页面,部署完之后在谷歌没什么问题,当用户提到在ie打不开的时候才考虑到很久没去做ie的兼容了,这些页面里主要用到的关键技术点就是一些基础的数据绑定以及关键问题Vue.component组件用于展示网站的公共部分,代码如下:
在这里插入图片描述
后来就各种百度,说是vue内部包含es6的语法,ie不支持,就按照网上的说法下载了一个polyfill.min.js文件,网上大部分都是用脚手架或者cli的引入办法,其实下载下来和普通js引入方法一样
在这里插入图片描述
但是要注意的是,该文件一定要在所有文件的最上边,也就是第一个引入的js文件
在这里插入图片描述
引入之后发现不再报那个es6语法的错误了,但是还是出不来,报的错一直指向我写的组件,后来尝试着把组件模版的形式改变了一下,之前是通过template:模版,后来更换成字符串拼接的形式:
在这里插入图片描述
才没有报这块错误,后来网站还是打不开,原来是因为首页里面也用到了~这个符号,是ie识别不了这个符号,统一更换了以后才正常显示,但是由于vue抛弃了ie8,对于ie8及其以下的浏览器还是不支持的。

整个过程用了接近五个小时,终归结局是好的,也是因为对vue组件模版使用没那么熟悉,希望能帮到遇到同样问题的小伙伴。