我们测试使用App.vue页面

一.先把js文件放到项目中

vue引入外部jquery_第1张图片

二.引入jquery文件

代码段中引入,放置在头部(注意import后面有一个空格)
import '../utils/niuniu/jquery-1.6.4.min.js'

vue引入外部jquery_第2张图片

注意,如果不加 /* eslint-disable*/ ,那么在开启ESLint时,会报以下错误信息,加上则可以免除验证

vue引入外部jquery_第3张图片

三.编写文件,测试jquery

文件完整信息如下




查看效果,文本框输入内容,可实时显示出输入的信息,说明jquery引用成功:
vue引入外部jquery_第4张图片