---
title: Vue2项目添加jquery的方法以及DOM操作
description: Vue2引入jquery的方式主要是通过main.js配置全局引用之后，还需要在vue.config.js里继续配置
author: chaihongjun
category: frontend
published: 2024-12-09
url: https://chaihongjun.me/frontend/35.html
---

# Vue2项目添加jquery的方法以及DOM操作

Vue2引入jquery的方式需要经过以下几个配置项目。首先是通过包管理工具安装
MDBLOCK0
然后再在main.js文件里配置页面的全局引用：
MDBLOCK1
最后，vue.config.js完成插件配置：

MDBLOCK2
以上jquery全局配置完成之后，可能部分jquery操作DOM的代码无效，那么就把那些代码写入对应组件的生命周期内，比如：
MDBLOCK3

---

> 本文首发于 [chaihongjun.me | 柴宏俊 web 技术学习笔记](https://chaihongjun.me/frontend/35.html)，采用 CC BY-NC-ND 4.0 协议，转载请保留出处与链接。