十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
第一步、在项目中npm安装JQ
盂县ssl适用于网站、小程序/APP、API接口等需要进行数据传输应用场景,ssl证书未来市场广阔!成为成都创新互联的ssl证书销售渠道,可以享受市场价格4-6折优惠!如果有意向欢迎电话联系或者加微信:18980820575(备注:SSL证书合作)期待与您的合作!
npm install jquery --save
第二步、检查是否安装成功
在package.json中的dependencies查看是否含有jquery
第三步、配置JQ
在vue.config.js中顶部写入 const webpack = require('webpack')
写入后在configureWebpack中加入
第四步、重启项目,引入成功
jquery是将写好的javascript封装起来,做为框架来使用...
jquery文件,都是以.js为结尾的,在页面,直接script src="xxx.js"/script 将jquery的js文件引入,就可以直接使用其中的方法了!
在html中引入jquery插件的方法有以下两种:
1:CDN引入,在head标签中加入下列代码
head
script src=""/script
/script
/head
2:本地引入,这种方法要求本地有jquery.js:
head
script src="jquery.js"/script
/script
/head
jquery可以到其官网下载,官网地址是;
JQuery是继prototype之后又一个优秀的Javascript库。它是轻量级的js库 ,它兼容CSS3,还兼容各种浏览器。推荐使用CDN,许多用户在访问其他站点时,已经从其他加载过 jQuery。所有结果是,当他们访问您的站点时,会从缓存中加载 jQuery,这样可以减少加载时间。同时,大多数 CDN 都可以确保当用户向其请求文件时,会从离用户最近的服务器上返回响应,这样也可以提高加载速度。
1:npm install jquery
2:在build文件夹下的webpack.base.conf.js进行配置
(1)const webpack = require("webpack")
(2)在module.exports里面加入
plugins: [
new webpack.optimize.CommonsChunkPlugin('common.js'),
new webpack.ProvidePlugin({
jQuery:"jquery",
$:"jquery"
})
],
如图
3:在需要用到jquery的页面引入
import $ from 'jquery';