vue 全局引入 jquery

第一步、在項(xiàng)目中npm安裝JQ

盂縣ssl適用于網(wǎng)站、小程序/APP、API接口等需要進(jìn)行數(shù)據(jù)傳輸應(yīng)用場景，ssl證書未來市場廣闊！成為成都創(chuàng)新互聯(lián)的ssl證書銷售渠道，可以享受市場價格4-6折優(yōu)惠！如果有意向歡迎電話聯(lián)系或者加微信：18980820575（備注：SSL證書合作）期待與您的合作！

npm install jquery --save

第二步、檢查是否安裝成功

? ? ? ? ? ?在package.json中的dependencies查看是否含有jquery

第三步、配置JQ

? ? ? ? ? ?在vue.config.js中頂部寫入?const webpack = require('webpack')

? ? ? ? ? ?寫入后在configureWebpack中加入

第四步、重啟項(xiàng)目，引入成功

如何安裝JQUERY

jquery是將寫好的javascript封裝起來,做為框架來使用...

jquery文件,都是以.js為結(jié)尾的,在頁面,直接script src="xxx.js"/script 將jquery的js文件引入,就可以直接使用其中的方法了!

如何安裝jQuery插件

在html中引入jquery插件的方法有以下兩種：

1：CDN引入，在head標(biāo)簽中加入下列代碼

head

script src=""/script

/script

/head

2：本地引入,這種方法要求本地有jquery.js：

head

script src="jquery.js"/script

/script

/head

jquery可以到其官網(wǎng)下載，官網(wǎng)地址是;

JQuery是繼prototype之后又一個優(yōu)秀的Javascript庫。它是輕量級的js庫 ，它兼容CSS3，還兼容各種瀏覽器。推薦使用CDN,許多用戶在訪問其他站點(diǎn)時，已經(jīng)從其他加載過 jQuery。所有結(jié)果是，當(dāng)他們訪問您的站點(diǎn)時，會從緩存中加載 jQuery，這樣可以減少加載時間。同時，大多數(shù) CDN 都可以確保當(dāng)用戶向其請求文件時，會從離用戶最近的服務(wù)器上返回響應(yīng)，這樣也可以提高加載速度。

vue npm命令安裝jquery

1：npm install jquery

2：在build文件夾下的webpack.base.conf.js進(jìn)行配置

（1）const webpack = require("webpack")

（2）在module.exports里面加入

???plugins: [

new webpack.optimize.CommonsChunkPlugin('common.js'),

? ? ? ? ? ? ?new webpack.ProvidePlugin({

jQuery:"jquery",

$:"jquery"

})

],

如圖

3：在需要用到j(luò)query的頁面引入

import $ from 'jquery';