vue中怎么引入本地jquery

在 Vue 中引入本地 jQuery

Vue 和 jQuery 都是两个强大的 JavaScript 框架。在 Vue 中引入 jQuery 可以让你利用 jQuery 的广泛 API 和社区支持。

引入 jQuery

有两种主要方法可以在 Vue 中引入本地 jQuery：

立即学习“前端免费学习笔记（深入）”；

1. 直接引入 jQuery 文件

在你的 Vue 项目中，创建一个 index.html 文件并添加以下脚本标签：

<script src="path/to/jquery.min.js"></script>

2. 使用 CDN

你也可以使用 CDN（内容分发网络）来引入 jQuery。在你的 Vue 项目中，创建一个 index.html 文件并添加以下脚本标签：

<script src="https://unpkg.com/jquery@3.5.1/dist/jquery.min.js"></script>

在 Vue 中使用 jQuery

一旦你引入 jQuery，你可以在 Vue 实例中使用它。有两种主要方式：

1. 使用全局变量 $

jQuery 会自动在全局范围内添加 $ 变量。你可以在 Vue 实例中直接使用 $ 来访问 jQuery 的 API。

例如：

mounted() {  // 使用 jQuery 查找元素  const element = $(selector);  // 对元素进行操作  element.hide();}

2. 使用 this.$

Vue 实例有一个特殊的属性 this.$，它可以用于访问 jQuery。

例如：

mounted() {  // 使用 `this.$` 来查找元素  const element = this.$(selector);  // 对元素进行操作  element.hide();}

提示