Vue中引入Jquery

本次系统分析与设计的大作业中,我负责前端开发部分,我们使用的前端框架是Vue,然后在写代码的时候发现某些需要动态调整页面UI的时候需要js来控制页面,但是没有jQuery的话又十分难写,所以就学习了如何在Vue中引入jQury。

1、首先在package.json里的dependencies加入”jquery” : “^3.2.1”(版本号可以在网上查)

我们的项目运行是跑dev分支,所以在我们的项目中,jquery被加入了devDependencies。

2、在终端里输入npm install jquery –save-dev  当然用 淘宝镜像 cnpm 也是可以的

   注意:jquery 一定要小写 不然会提示  Please use ‘jquery’ (all lowercase)

3、找到build文件夹下的webpack.base.conf.js文件,打开,添加:

var webpack=require(‘webpack’)

在module.exports里输入:

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

4、在入口文件main.js中输入:

  import $ from ‘jquery’

5、npm run dev

ok,现在就可以在项目里使用jQuery了,使用方式和原来的方式一模一样。

相关推荐
<p> <span style="color:#797979;font-family:微软雅黑, 黑体, 'Microsoft YaHei', 宋体, sans-serif;font-size:13px;background-color:#ffffff;"> </span> </p> <p class="MsoNormal"> <span style="color:#337FE5;font-size:16px;"><strong><b><a target="_blank" href="https://edu.csdn.net/bundled/detail/308"></a><a target="_blank" href="https://edu.csdn.net/bundled/detail/308"><span> </span></a></b></strong></span> </p> <p class="ql-long-39788408" style="font-size:11pt;color:#494949;"> <strong><b><a class="ql-link ql-size-12 ql-author-39788408" href="https://edu.csdn.net/bundled/detail/298" target="_blank"><strong>[本课程属于AI完整学习路线套餐,该套餐已“硬核”上线,点击立即学习!]</strong></a> </b></strong> </p> <p> <br /> </p> <p class="MsoNormal"> <span style="color:#337FE5;font-size:16px;"><strong><img src="https://img-bss.csdnimg.cn/202011090217226256.png" alt="" /><br /> </strong></span> </p> <p class="MsoNormal"> <span style="color:#337FE5;font-size:16px;"><strong><br /> </strong></span> </p> <p class="MsoNormal"> <span style="color:#337FE5;font-size:16px;"><strong>[<span style="font-family:微软雅黑, 黑体, "font-size:13px;background-color:#FFFFFF;">Python</span><span style="font-family:微软雅黑, 黑体, "font-size:13px;background-color:#FFFFFF;">是目前最火的编程语言</span>]</strong></span>  </p> <p class="MsoNormal"> <span style="color:#000000;font-size:16px;">Python</span><span style="color:#000000;font-size:16px;">是目前最火的编程语言(没有之一),特别是在人工智能和深度学习领域,有关</span><span style="color:#000000;font-size:16px;">Python</span><span style="color:#000000;font-size:16px;">的课程也和雨后春笋一般大量涌现,但是这些课程大多目的性不强,</span><span style="color:#000000;font-size:16px;">过多抠语法,大而全,但是实用性不强,一段时间不用很容易就忘记了。因此本课程专为想学习</span><span style="color:#000000;font-size:16px;">/从事人工智能领域的同学设计,重点介绍人工智能最常用的Python</span><span style="color:#000000;font-size:16px;">知识,重点讲解</span><span style="color:#000000;font-size:16px;">numpy</span><span style="color:#000000;font-size:16px;">等实用模块,同时大量结合习题和实战,帮助大家快速上手</span><span style="color:#000000;font-size:16px;">Python。</span> </p> <p class="MsoNormal"> <br /> </p> <p class="MsoNormal"> <span style="color:#337FE5;font-size:16px;"><strong>【课程涵盖技术点】</strong></span> </p> <p class="MsoNormal">   </p> <p class="MsoNormal" style="text-indent:0px;"> <span style="color:#000000;font-size:16px;">1、Python开发环境的准备(Anaconda, Jupyter Notebook, Spyder)</span> </p> <p class="MsoNormal" style="text-indent:0px;"> <span style="color:#000000;font-size:16px;">2、Python基础知识(变量类型,基础数学运算,基础语法,常用数据结构,比较和逻辑运算,循环语句,Python函数,文件IO,时间模块与OS模块,异常处理)</span> </p> <p class="MsoNormal" style="text-indent:0px;"> <span style="color:#000000;font-size:16px;">3、Numpy的使用(ndarray,向量与矩阵的形变和运算,向量和矩阵的生成、运算、拼接、和索引,常用numpy科学计算方法)</span> </p> <p class="MsoNormal" style="text-indent:0px;"> <span style="color:#000000;font-size:16px;">4、Pandas 和 Matplotlib</span> </p> <p class="MsoNormal" style="text-indent:0px;"> <span style="color:#000000;font-size:16px;">5、爬虫实战(</span><span style="color:#000000;font-size:16px;">Request,BeautifulSoup)</span> </p> <p class="MsoNormal" style="text-indent:0px;"> <span style="color:#000000;font-size:16px;"><br /> </span> </p> <p class="MsoNormal" style="text-indent:0px;"> <span style="color:#337FE5;font-size:16px;"><strong>【3天</strong></span><span style="font-weight:bold;color:#337FE5;font-size:16px;">时间学习最实用知识,</span><span style="font-weight:bold;color:#337FE5;font-size:16px;">快速上手实战案<span style="color:#337FE5;">例</span></span><strong><span style="color:#337FE5;">】</span></strong> </p> <p class="MsoNormal" style="text-indent:0px;">   </p> <p class="MsoNormal" style="text-indent:0px;"> <img alt="" src="https://img-bss.csdnimg.cn/202009100354198952.png" /><img alt="" src="https://img-bss.csdnimg.cn/202009100354253635.png" />  </p> <p class="MsoNormal" style="text-indent:0px;"> <br /> </p> <p class="MsoNormal" style="text-indent:0px;"> <br /> </p> <p class="MsoNormal" style="text-indent:0px;"> <strong><span style="color:#337FE5;"></span></strong> </p>
<p> <strong><span style="font-size:16px;color:#337FE5;"><b><a target="_blank" href="https://edu.csdn.net/bundled/detail/308"></a><a target="_blank" href="https://edu.csdn.net/bundled/detail/308"><span> </span></a></b></span></strong> </p> <p class="ql-long-39788408" style="font-size:11pt;color:#494949;"> <strong><b><strong><a class="ql-link ql-size-12 ql-author-39788408" href="https://edu.csdn.net/bundled/detail/298" target="_blank">[本课程属于AI完整学习路线套餐,该套餐已“硬核”上线,点击立即学习!]</a></strong> </b></strong> </p> <p class="ql-long-39788408" style="font-size:11pt;color:#494949;"> <br /> </p> <p> <strong><span style="font-size:16px;color:#337FE5;"><img src="https://img-bss.csdnimg.cn/202011090216454206.png" alt="" /><br /> </span></strong> </p> <p> <strong><span style="font-size:16px;color:#337FE5;"><br /> </span></strong> </p> <p> <strong><span style="font-size:16px;color:#337FE5;">【为什么要学习深度学习和计算机视觉?】</span></strong> </p> <p> <span style="font-family:"background-color:#FFFFFF;">AI人工智能现在已经成为人类发展最火热的领域。而计算机视觉(CV)是AI最热门,也是落地最多的一个应用方向<span style="font-family:"background-color:#FFFFFF;">(人脸识别,自动驾驶,智能安防,车牌识别,证件识别)</span>。</span><span style="font-family:"background-color:#FFFFFF;">所以基于人工智能的计算视觉行业必然会诞生大量的工作和创业的机会。如何能快速的进入CV领域,同时兼备理论基础和实战能力,就成了大多数学习者关心的事情,而这门课就是因为这个初衷而设计的。<br /> </span> </p> <p style="font-family:"color:#222226;font-size:14px;background-color:#FFFFFF;"> <br /> </p> <p style="font-family:"color:#222226;font-size:14px;background-color:#FFFFFF;"> <span style="font-size:16px;color:#337FE5;"><strong>【讲师介绍】</strong></span> </p> <p style="font-family:"color:#222226;font-size:14px;background-color:#FFFFFF;"> <span style="font-size:16px;color:#337FE5;"><strong>CH<strong><span style="font-family:"color:#222226;font-size:16px;background-color:#FFFFFF;font-weight:700;">ARLIE 老师</span></strong></strong></span> </p> 1、人工智能算法科学家<br /> 2、深圳市海外高层次人才认定(孔雀人才)<br /> 3、美国圣地亚哥国家超算心博士后<br /> 4、加利福尼亚大学圣地亚哥全奖博士<br /> 5、参与美国自然科学基金(NSF)及加州能源局 (CEC)资助的392MW IVANPAH等智慧电网项目<br /> 6、21篇国际期刊文章(sci收录17篇),总引用接近1000<br /> 7、第一作者发明专利11份<br /> <p> <br /> </p> <p class="ql-long-24357476" style="font-family:"color:#222226;font-size:14px;background-color:#FFFFFF;"> <span style="font-family:"color:#337FE5;"><span><span style="font-size:16px;"><strong>【推荐你学习这门课的理由:</strong></span><span style="color:#E53333;font-size:16px;"><strong>知识体系完整+丰富学习资料】</strong></span></span></span> </p> <p class="ql-long-24357476" style="font-family:"color:#222226;font-size:14px;background-color:#FFFFFF;"> <span class="ql-author-24357476" style="font-family:""></span> </p> <p class="MsoNormal" style="font-family:"color:#222226;font-size:14px;background-color:#FFFFFF;"> 1、本课程总计9大章节,是一门系统入门计算机视觉的课程,未来将持续更新。 </p> <p class="MsoNormal" style="font-family:"color:#222226;font-size:14px;background-color:#FFFFFF;"> <span>2</span>、<span>课程从计算机视觉理论知识出发,理论结合实战,手把手的实战代码实现(霍夫变换与模板匹配,</span><span>AlexNet OCR</span><span>应用</span><span>,VGG</span><span>迁移学习,多标签分类算法工程)</span> </p> <p class="MsoNormal" style="font-family:"color:#222226;font-size:14px;background-color:#FFFFFF;"> <span>3</span>、<span>带你了解最前沿技术,</span><span>各类型算法的优点和缺点,掌握数据增强,</span><span>Batchnormalization, Dropout</span><span>,迁移学习等优化技巧,搭建实用的深度学习应用模型</span> </p> <p class="MsoNormal" style="font-family:"color:#222226;font-size:14px;background-color:#FFFFFF;"> <span>4</span>、学习完后,你将具有深度学习与计算视觉的项目能力,比如大学生学完可以具备独立完成机器视觉类毕业设计的能力,在求职过程可以体系化的讲解机器视觉核心知识点,初步达到人工智能领域机器视觉工程师的水平 </p> <span style="color:#222226;font-family:PingFangSC-Regular, "font-size:14px;background-color:#FFFFFF;"></span> <p style="font-family:"color:#222226;font-size:14px;background-color:#FFFFFF;"> <br /> </p> <p class="ql-long-24357476" style="font-family:"color:#222226;font-size:14px;background-color:#FFFFFF;"> <strong><span style="color:#337FE5;font-size:16px;">【学完后我将达到什么水平?】</span></strong> </p> <p class="ql-long-24357476"> <span>1、<span style="font-family:"">零基础入门计算视觉,学习掌握并应用从经典图像处理到深度学习分类任务的要点知识</span></span> </p> <p class="ql-long-24357476"> <span>2、<span style="font-family:"">掌握数据增强,迁移学习等优化技巧,搭建实用的深度学习应用模型</span></span> </p> <p class="ql-long-24357476"> <span>3、<span style="font-family:"">学习完课程,可以独立应用多个经典算法和深度学习算法</span></span> </p> <p class="ql-long-24357476"> <span>4、<span style="font-family:"">以</span><span style="font-family:"">大学毕业设计,面试找工作为目标,</span><span style="font-family:"">手把手带大家编程,即使没有太多计算视觉的背景知识也可以循序渐进完成课程,获得实战项目的经验</span></span> </p> <p class="ql-long-24357476"> <br /> </p> <p class="ql-long-24357476"> <span style="color:#337FE5;"><b><span style="background-color:#FFFFFF;color:#337FE5;"><span style="font-size:16px;color:#337FE5;">【面向人群】</span></span></b></span> </p> <p class="ql-long-24357476"> <span>1、对AI感兴趣,想要系统学习计算机视觉的学员</span> </p> <p class="ql-long-24357476"> <span>2、<span style="font-family:"color:#222226;font-size:14px;background-color:#FFFFFF;">需要毕业设计的大学生</span></span> </p> <p class="ql-long-24357476"> <span>3、<span style="font-family:"color:#222226;font-size:14px;background-color:#FFFFFF;">做图像分析或相关数据分析的研究生</span></span> </p> <p class="ql-long-24357476"> <span>4、<span style="font-family:"color:#222226;font-size:14px;background-color:#FFFFFF;">准备面试计算视觉和深度学习岗位的应聘者</span></span> </p> <p class="ql-long-24357476"> <span>5、<span style="font-family:"color:#222226;font-size:14px;background-color:#FFFFFF;">希望在项目引入计算视觉</span><span style="font-family:"color:#222226;font-size:14px;background-color:#FFFFFF;">/</span><span style="font-family:"color:#222226;font-size:14px;background-color:#FFFFFF;">深度学习技术的开发人员</span></span> </p> <p class="ql-long-24357476"> <br /> </p> <p class="ql-long-24357476"> <b><span style="font-family:"font-size:16px;background-color:#FFFFFF;color:#337FE5;"><span style="font-size:16px;color:#337FE5;">【课程知识体系图</span><span style="font-size:16px;color:#337FE5;">】</span></span></b> </p> <p class="ql-long-24357476"> <span><b><img src="https://img-bss.csdnimg.cn/202007140746422581.png" alt="" /></b></span> </p> <p class="ql-long-24357476"> <span><b><br /> </b></span> </p> <p class="ql-long-24357476"> <span style="font-size:16px;color:#337FE5;"><b>【实战项目】</b></span> </p> <p class="ql-long-24357476"> <b><img src="https://img-bss.csdnimg.cn/202007150352244062.png" alt="" /><img src="https://img-bss.csdnimg.cn/202007150517376530.png" alt="" /></b> </p> <p class="ql-long-24357476"> <br /> </p>
<p style="font-family: 'Helvetica Neue', Helvetica, 'Hiragino Sans GB', Arial, sans-serif; margin: 0px; padding: 0px; color: #313d54; font-size: 16px; background-color: #ffffff;">1.【为什么要学习本门课程】</p> <p style="font-family: 'Helvetica Neue', Helvetica, 'Hiragino Sans GB', Arial, sans-serif; margin: 0px; padding: 0px; color: #313d54; font-size: 16px; background-color: #ffffff;">这是一个数据驱动的时代,想要从事机器学习、人工智能、数据挖掘等前沿技术,都离不开数据跟踪,</p> <p style="font-family: 'Helvetica Neue', Helvetica, 'Hiragino Sans GB', Arial, sans-serif; margin: 0px; padding: 0px; color: #313d54; font-size: 16px; background-color: #ffffff;">从数据爬虫实战角度出发,让你在数据科学领域迈出重要的一步,开启Data Science职业之旅!</p> <p style="font-family: 'Helvetica Neue', Helvetica, 'Hiragino Sans GB', Arial, sans-serif; margin: 0px; padding: 0px; color: #313d54; font-size: 16px; background-color: #ffffff;">2.【课程特点】</p> <p style="font-family: 'Helvetica Neue', Helvetica, 'Hiragino Sans GB', Arial, sans-serif; margin: 0px; padding: 0px; color: #313d54; font-size: 16px; background-color: #ffffff;">课程精选多个实战项目,从易到难,层层深入。</p> <p style="font-family: 'Helvetica Neue', Helvetica, 'Hiragino Sans GB', Arial, sans-serif; margin: 0px; padding: 0px; color: #313d54; font-size: 16px; background-color: #ffffff;">不同项目解决不同的抓取问题,带你从容抓取主流网站,让你牢牢掌握爬虫工程师硬核技能。</p> <p style="font-family: 'Helvetica Neue', Helvetica, 'Hiragino Sans GB', Arial, sans-serif; margin: 0px; padding: 0px; color: #313d54; font-size: 16px; background-color: #ffffff;">3【主体大纲&设计思路】</p> <p style="font-family: 'Helvetica Neue', Helvetica, 'Hiragino Sans GB', Arial, sans-serif; margin: 0px; padding: 0px; color: #313d54; font-size: 16px; background-color: #ffffff;">本课程专为数据爬虫工程师打造,课程有二个阶段,爬虫案例->数据分析</p>
©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页