外部引入vue.js，ie浏览器下报错

VIVI Xiao

于 2020-06-09 08:53:27 发布

阅读量730

点赞数 1

分类专栏：前端

本文链接：https://blog.csdn.net/xyy1234567891/article/details/106499245

版权

前端专栏收录该内容

13 篇文章 1 订阅

订阅专栏

一个较老的项目，本想着引入vue.js文件，如下，完成功能后，在谷歌上运行正常

 <script type="text/javascript" src="common/js/vue.js"></script>
  new Vue({
        el:'#page-wrapper',
        data: {
            sDtos:[]
            },
        mounted(){
              this.init();
        },
        methods: {
             init(){
                ……
             }
 
        }
     });

但在ie浏览器下界面是这样的：并且控制台报错： SCRIPT1003: 缺少 ‘:’
在这里插入图片描述
解决方案：其实还是因为ie浏览器语法不兼容问题，修改如下即可：

 <script type="text/javascript" src="common/js/vue.js"></script>
  new Vue({
        el:'#page-wrapper',
        data: {
            sDtos:[]
            },
        mounted:function(){
              this.init();
        },
        methods: {
             init:function(){
                ……
             }
 
        }
     });