在vue中使用 jquery 的两种方法

RxnNing

于 2020-11-30 16:59:39 发布

阅读量7.1k

点赞数 2

分类专栏： vue jquery npm 文章标签： vue js jquery

本文链接：https://blog.csdn.net/weixin_46211267/article/details/110392264

版权

50 篇文章

订阅专栏

11 篇文章

订阅专栏

1 篇文章

订阅专栏

本文介绍了在Vue项目中如何引入jQuery的两种方式：一是直接在index.html中通过CDN链接引入，二是使用npm安装jQuery并全局或局部导入。全局引入时，将jQuery挂载到Vue原型上，局部引入则按需导入组件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

方法一：

#index.html文件中
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.js"></script>

不推荐：因为引入外部链接或者引入下载好的js文件这种方式不参与打包，需要下载到本地的jquery文件引入才可
方法二
安装依赖包

npm i jquery --save-d

全局引入

# 在src/main.js文件
import jquery from 'jquery'
Vue.prototype.$ = jquery

局部引入

#在需要的组件中
import $ from 'jquery'