vue项目中能引jquery吗

vue项目中能引jquery,其引入方法是:1、修改package.json;2、在终端里输入npm install,导入依赖;3、修改webpack.base.conf;4、在组件中引入jquery即可。

vue项目中能引jquery吗

本文操作环境:windows7系统、jquery2.2.3版、DELL G3电脑

vue项目中能引jquery吗?

在vue项目中引入JQuery

用vue-cli脚手架工具构建项目成功后 当需要引入JQ,可用以下方法:

修改package.json

  首先在package.json里的dependencies加入”jquery” : “^2.2.3”

立即学习“前端免费学习笔记(深入)”;

  当然你可以修改你想引入的版本,这里引入2.2.3

 vue项目中能引jquery吗

导入依赖

  在终端里输入npm install,导入依赖。

修改 webpack.base.conf 

  代码如下 ,看图修改;

var webpack = require("webpack")

登录后复制

plugins: [     new webpack.ProvidePlugin({          $:"jquery",           jQuery:"jquery",          "windows.jQuery":"jquery" }) ],

登录后复制

vue项目中能引jquery吗

vue项目中能引jquery吗

在组件中引入jquery,进行使用

  我们想在哪个组件中使用jQuery库,首先要使用如下命令引入jquery,然后就可以正常使用了

  这里我们在main.js里面进行全局引入

import $ from 'jquery'

登录后复制

vue项目中能引jquery吗

测试使用:

  先重新启动应用:npm run dev  刷新页面

vue项目中能引jquery吗

vue项目中能引jquery吗

vue项目中能引jquery吗

推荐学习:《jquery视频教程》《jquery视频教程》

以上就是vue项目中能引jquery吗的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/3269060.html

(0)
上一篇 2025年4月5日 18:26:55
下一篇 2025年4月5日 18:41:26

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • 微信小程序的前端框架(如 Taro、uni-app)使用教程

    taro 和 uni-app 是用于开发微信小程序的高效前端框架。1. taro 采用 react 语法,uni-app 基于 vue.js。2. 它们通过编译器将代码转换为各平台原生代码,支持跨平台开发。3. 使用示例包括基本页面创建和复…

    2025年4月28日
    000
  • 哪些小程序框架适合快速开发?

    在移动互联网时代,小程序因其轻量级和即用即走的特性迅速崛起,成为众多企业和个人开发者的首选。然而,对于初学者或希望快速搭建小程序的开发者来说,选择合适的框架至关重要。本文将介绍几个适合快速开发的小程序框架,帮助读者更好地理解并选择合适的工具…

    2025年4月28日
    000
  • 小程序跨平台开发:实现多平台共享

    小程序跨平台开发已成为企业提升效率、节约成本、扩展用户群体的关键策略。本文将详细探讨小程序跨平台开发的概念、优势以及如何通过小程序共享开发实现多平台的无缝对接。小程序跨平台开发是指开发者编写一套代码,通过特定框架和工具的转换,可以在多个平台…

    2025年4月28日
    000
  • 零基础怎样自制小程序?

    小程序作为一种便捷的移动应用形式,越来越受到人们的关注和喜爱。对于零基础的初学者来说,如何自制一个小程序呢?本文将为您提供一些简单的指导步骤。 一、掌握小程序的基本概念 小程序是一种轻量级应用,可以在微信平台上运行,无需下载和安装。它具有类…

    2025年4月28日
    000
  • 可视化微信小程序开发工具的优势有哪些?

    可视化微信小程序开发工具是一款专门为微信小程序开发者设计的无代码开发平台。它提供了可视化界面设计、插件功能开发以及自动代码生成等功能,旨在帮助开发者快速高效地完成小程序开发,节省时间和成本,提升开发效率。 一、可视化微信小程序开发工具的优势…

    2025年4月28日
    000
  • UNIAPP小程序是什么?

    uniapp小程序是一种多平台移动应用开发框架,旨在通过使用一套代码基础来简化开发过程,减少重复代码的编写,从而提升开发效率并降低成本。本文将详细介绍uniapp小程序的特点、优势以及应用场景。 UNIAPP的特点: 多平台兼容性:UNIA…

    2025年4月28日
    000
  • APP开发和小程序开发的平台一样吗?

    随着移动互联网的迅猛发展,移动应用(app)和小程序成为了用户获取服务和信息的主要渠道。虽然app和小程序都是为移动设备设计的应用程序,但在开发平台和技术上存在一定的差异。 APP开发: APP是一款独立的应用程序,需要在操作系统上安装和运…

    2025年4月28日
    000
  • 安卓Android App用什么语言和框架开发?

    随着华为、小米、oppo等国产品牌手机研发技术的不断成熟,安卓手机用户的使用比例也在显著增加。5g技术的普及使国内多种5g安卓手机品牌保持稳定增长。根据数据统计,2021年第三季度,国内安卓5g手机的激活设备数占比持续上升,其中华为5g手机…

    2025年4月27日 IT业界
    000
  • Vue3知识地图二:Vue生命周期函数与常用模板语法

    在之前的文章中给大家分享了vue的知识思维导图,如果没看过的话可以点击下方链接查看。本篇继续给大家分享关于vue生命周期函数与常用模板语法的思维导图,希望对大家有帮助!欢迎大家收藏分享学习! 系列文章:《Vue3知识地图一:学前了解与应用创…

    2025年4月5日
    200
  • Vue3知识地图三:Vue样式绑定语法与列表循环渲染

    在之前的文章中给大家分享了vue的知识思维导图,如果没看过的话可以点击下方链接查看。,本篇继续给大家分享vue样式绑定语法与列表循环渲染,希望对大家有帮助!欢迎大家收藏分享学习! 系列文章:《Vue3知识地图一:学前了解与应用创建》|《Vu…

    2025年4月5日
    100

发表回复

登录后才能评论