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

我现在工程里面需要引入一个控件，是外部的js文件，并没有模块化。

这个是demo,并不是vue写的，引用方式直接在jsp页面引入

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",

});

我需要引入上面js生成控件。如果我直接在vue项目中的index直接引用，并不起作用。没法new出对象。

之后我在项目加入了jquery。

在要使用这个控件的页面引入

import 'imports-loader?$=jquery!@/common/js/microdone.h5.min.js'

但是报了一堆错误

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

vue中html没引入js文件,vue.js如何引入非模块化的js文件并调用里面的方法和类。...相关推荐

vue中打包报错Multiple chunks emit assets to the same filename static/js/chunk-6c337256.33476c81.js
引了几个bpmn的包,导致Jenkins部署报错,找原因一直以为是引入的包有问题,后来发现是在打包的过程中会对生成的文件切割导致文件名重复了,在vue.config.js中配置以下配置完美解决,之前我 ...
vue中headers是什么_【vue】饿了么项目-header组件开发
1.数据传递的理解在App.vue中用到了header组件,首先注册组件 components: {'v-header': header } 然后才能引用 :seller="seller& ...
视频教程-在Vue中使用GraphQL实现聊天室-Vue
在Vue中使用GraphQL实现聊天室某大厂资深前端工程师,多个大型web项目经验,JS全栈工程师,擅长前端工程化建设.hybrid技术方向. 大碗 ¥39.00 立即订阅扫码下载「CSDN程序员 ...
vue中webpack编译打包使用之Vue知识点归纳(十一)
本文中将描述 webpack 简述 webpack 项目的初始化配置 webpack 打包运行一个 vue 项目 1 什么是webpack,到底需要解决什么问题近几年前端的快速发展,前端已不是简单的 ...
Vue（五）Vue中的网络请求（使用Vue脚手架发送Axios请求）
一.Axios 1.定义:利用ES6提供的Promise方式,把AJAX进行了封装.我们在Vue中发送网络请求,基本上就是使用Axios 需要安装第三方的Axios模块,才能使用 ...
笔记三 vue中封装复用过滤器自定义组件 vue中component选项
题外话: npm install -g express-generator npm安装express框架封装复用 Vue中关于封装复用的内容,属于Vue中的进阶知识,在实战中对开发者的抽象和泛化能力 ...
vue中v-model指令的使用之Vue知识点归纳(九)
本文中描述 vue 中 v-model 指令的基本使用 1 简述 vue 中 v-model 用来获取和设置表单中的值 2 案例 <!DOCTYPE html> <html lan ...
vue中v-for指令的使用之Vue知识点归纳(八)
本文章将描述 vue 指令 v-for 的基本使用 1 简述 vue 指令 v-for 用来操作 dom ,常用于数组元素的操作 2 案例 <!DOCTYPE html> <html ...
vue中v-bind指令的使用之Vue知识点归纳(七)
本文中描述 vue 中 v-bind 指令的基本使用 1 简述 vue 中 v-bind 用来操作 html 元素标签中的属性 2 案例 <!DOCTYPE html> <html ...
vue中v-if指令的使用之Vue知识点归纳(六)
本文章描述 vue 中 v-if 的基本使用 vue 中 v-show 与 v-if 的区别 1 简述 vue 中 v-if 指令,顾名思义是用来进行条件判断的,直接操作 dom 2 案例 <! ...

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

vue中html没引入js文件,vue.js如何引入非模块化的js文件并调用里面的方法和类。...相关推荐

最新文章

热门文章