Vue外部js引入做为全局变量

我们在vue脚手架会经常定义生成html模板,配置如下:

 public/index.html模板代码 代码如下:

 我们有引用“xingzhengbianma.js”、“3d.js”、“jquery.js”、“wulumuqishi.js”、“wulumuqixiangzhen.js”等五个js,这里引用了代表vue的所有的组件都应该可以访问这些js中变量和方法,但是我们在代码中直接使用js的变量方法,vscode和HBuilder开发工具语法检测时会报语法错误,如何解决这一问题,这个时候需要用eval和new Function了,看一下xingzhengbianma.js的内容:

定义了一个xingzhengbianma的变量,那vue页面中调用该对象又不想让其不报错方案如下:

 这样就可以完美解决,外部js引入与调用问题。如果我们在vue中要使用jquery的方法,编写const $query=new Function("return $")  调用jquery的方法,$query("#id").val()

原文地址:https://www.cnblogs.com/PlatformSolution/p/15492209.html