vue3 引入 jquery

作者：System 时间：2024年08月14日分类：所有,jquery 字数：690

在 Vue 3 中引入 jQuery 需要遵循以下步骤：

安装 jQuery：




npm install jquery --save

在 Vue 组件中引入 jQuery：




import $ from 'jquery';
 
export default {
  // 组件的其余部分
  mounted() {
    $(this.$el).find('.some-element').doSomething();
  }
}

在你的 Vue 应用程序中使用 jQuery：




import { createApp } from 'vue';
import App from './App.vue';
import $ from 'jquery';
 
const app = createApp(App);
 
// 在应用程序中使用 jQuery
app.config.globalProperties.$ = $;
 
app.mount('#app');

确保在 mounted 钩子中使用 jQuery，这样可以确保 DOM 已经被渲染。如果你需要在全局范围内使用 jQuery，可以将它添加到 Vue 的全局属性中，如上面的 app.config.globalProperties.$ = $; 所示。这样在任何组件内部，你都可以通过 this.$ 访问 jQuery 实例。

vue3 引入 jquery

评论已关闭

推荐阅读