vue3全局使用jQuery

在Vue 3中全局使用jQuery，首先需要确保jQuery已经安装。

1. 安装jQuery:

npm install jquery

2. 在Vue项目的入口文件（通常是main.js或main.ts）中引入jQuery并设置为全局属性：

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

3. 现在你可以在任何组件中通过this.$来访问jQuery了：

<template>
  <div>
    <button @click="addContent">Add Content</button>
    <div id="content"></div>
  </div>
</template>
 
<script>
export default {
  methods: {
    addContent() {
      this.$('#content').append('<p>Hello, jQuery!</p>');
    }
  }
};
</script>

请注意，在Vue 3中，推荐使用原生JavaScript或者Vue的官方库来替代jQuery。jQuery通常用于处理DOM，而Vue通过声明式渲染和响应式系统可以很好地管理模板中的DOM操作。