vue3配置全局jquery

在Vue 3项目中配置全局jQuery，首先确保你已经安装了jQuery。

1. 安装jQuery：

npm install jquery --save

2. 在项目中设置jQuery为全局变量。你可以在main.js或main.ts文件中这样做：

import { createApp } from 'vue';
import App from './App.vue';
import $ from 'jquery';
 
const app = createApp(App);
 
// 将jQuery添加到全局属性
app.config.globalProperties.$ = $;
 
app.mount('#app');

现在，在你的Vue 3组件中，你可以通过this.$来访问jQuery实例。

例如，在某个组件中使用jQuery：

<template>
  <div>
    <button @click="hideElement">点击我隐藏上面的元素</button>
    <div ref="myDiv">这是一个可以被隐藏的元素</div>
  </div>
</template>
 
<script>
export default {
  methods: {
    hideElement() {
      this.$(this.$refs.myDiv).hide();
    }
  }
}
</script>

这样，你就可以在Vue 3项目中全局使用jQuery了。