vue3项目中如何快速安装、配置并使用jQuery

首先，在终端或命令行中使用 pnpm 安装 jQuery：（npm,yarn包管理器也可以）

pnpm install jquery

在你的 Vue 3 项目中创建一个单独的文件，例如 /，用于导入和全局注册 jQuery：

import { App } from 'vue'
import jQuery from 'jquery'

export default {
  install: (app: App) => {
    .$ = jQuery
     = jQuery
    ('jQuery', jQuery)
  }
}

在主入口文件（通常是 ）中引入该文件，并使用 () 方法注册 jQuery 插件：

import { createApp } from 'vue'
import App from './'
import jQueryPlugin from './'

const app = createApp(App)

(jQueryPlugin)

('#app')

现在你就可以在整个项目中通过 $ 或 jQuery 访问 jQuery 对象了：

// 其他组件中
export default {
  mounted() {
    this.$('#myElement').addClass('highlight')
  }
}

请注意，Vite 不再需要像 Vue CLI 一样配置全局的 ProvidePlugin，并且由于 Vite 的模块解析方式不同，直接在 Vue 3 中使用 import $ from 'jquery' 是不推荐的。