vue.js如何引入非模块化的js文件并调用里面的方法和类。_JavaScript_论坛

vue.js如何引入非模块化的js文件并调用里面的方法和类。

封***榜分类：JavaScript 人气：1956 回帖：2 发布于6年前收藏

我现在工程里面需要引入一个控件，是外部的js文件，并没有模块化。
这个是demo,并不是vue写的，引用方式直接在jsp页面引入

<script type="text/javascript" src="/js/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="/js/demo.js"></script>
<script type="text/javascript" src="/js/microdone.h5.min.js"></script>
<script type="text/javascript">
    var kb = new keyBoard({
        "chaosMode" : 0,
        "pressStatus" :1,
        "kbType" : 0,
        "odd" : 51,
        "svg":"svg"
    });
    var passGuard1 = new passGuard({
        "maxLength" : 12,
        "regExp1" : "[\\S\\s]",
        "regExp2": "[0-9]{6,12}",
        "displayMode" : 0,
        "callBack":cb1,
    "errorCallBack":cb2,
        "rsaPublicKey" : "30818902818100a14c00666a2a72062f21eb696f61ed79af886d5c907bb674ff89dfdca1bb9b0642ac17dafb43ecdb8c8e045e559a27af5c8674641e260769c04e4203428ac9f653a6873950bc6076748e8a1a5e1d55e9084aeb90bb75876eff1bd4c54649133b3ec5001f423fc07aa96d4c10aa87c30c8c8ade1a8ec2180bf233e2662df5c49f0203010001",// rsa公钥
      "sm2KeyHex":"2df5e9f76b79da29e6e56779fd9e1d81fd2ccd2372caddf2310e29a64dce847691609a35e7dab24609cd44a89b548e88ccf1850658203f0b24de73bff0e88527",
        
    });</script>

我需要引入上面js生成控件。如果我直接在vue项目中的index直接引用，并不起作用。没法new出对象。
之后我在项目加入了jquery。
在要使用这个控件的页面引入
import 'imports-loader?$=jquery!@/common/js/microdone.h5.min.js'
但是报了一堆错误

请问大神有什么好的引入非模块化js文件，并使用里面的方法、实例化对象的方式呢