• 技术文章 >web前端 >前端问答

    vue内置jquery吗

    长期闲置长期闲置2022-06-09 18:17:32原创249

    vue中没有内置jquery;vue中想要使用jquery的特定功能需要引入jquery包。引入方法:1、修改“package.json”,添加jquery版本;2、在终端中输入“npm install”并且导入依赖;3、修改“webpack.base.conf”代码;4、利用“import $ from 'jquery'”引入即可。

    本教程操作环境:windows10系统、Vue3&&jquery3.4.1版本、Dell G3电脑。

    vue内置jquery吗

    vue没有内置jquery

    Vue项目里使用jQuery是完全可行的,而且完全符合Vue的工作思想,本质上,将jQ视为一个对Vue适配度不高的Vue插件就行了,双向绑定工作需要你自己来完成而已。

    Vue中使用jquery

    在vue项目中,需要实现某些特定的功能时,使用mvvm模式不易实现。因此引入jquery包来完成需求

    1、修改package.json

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

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

    31.png

    2、导入依赖

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

    3、修改 webpack.base.conf 

      代码如下 ,看图修改;

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

    32.png

    33.png

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

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

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

    import $ from 'jquery'

    34.png

    视频教程推荐:jQuery视频教程

    以上就是vue内置jquery吗的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:Vue jquery
    上一篇:jquery有几种赋值方式 下一篇:jquery有touch功能吗
    20期PHP线上班

    相关文章推荐

    • 【活动】充值PHP中文网VIP即送云服务器• jquery数组怎么删除第一个元素• jquery可以给页面添加元素吗• jquery怎么把input变为只读状态• jquery怎么判断element是否存在• 在jquery中有map方法吗
    1/1

    PHP中文网