我們在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()