资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

vue有没有内置jquery

这篇文章主要介绍“vue有没有内置jquery”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“vue有没有内置jquery”文章能帮助大家解决问题。

10年积累的网站建设、成都网站建设经验,可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你,你也不认识我。但先网站制作后付款的网站建设流程,更有太白免费网站建设让你可以放心的选择与我们合作。

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

vue有没有内置jquery

2、导入依赖

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

3、修改 webpack.base.conf 

代码如下 ,看图修改;

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

vue有没有内置jquery

vue有没有内置jquery

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

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

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

import $ from 'jquery'

vue有没有内置jquery

关于“vue有没有内置jquery”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注创新互联行业资讯频道,小编每天都会为大家更新不同的知识点。


当前文章:vue有没有内置jquery
分享地址:http://cdkjz.cn/article/jsidij.html
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

业务热线:400-028-6601 / 大客户专线   成都:13518219792   座机:028-86922220