這篇文章主要介紹jq和vuejs是否可以結(jié)合使用，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

創(chuàng)新互聯(lián)2013年開(kāi)創(chuàng)至今，是專(zhuān)業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司，擁有項(xiàng)目成都網(wǎng)站建設(shè)、網(wǎng)站建設(shè)網(wǎng)站策劃，項(xiàng)目實(shí)施與項(xiàng)目整合能力。我們以讓每一個(gè)夢(mèng)想脫穎而出為使命，1280元伊金霍洛做網(wǎng)站,已為上家服務(wù),為伊金霍洛各地企業(yè)和個(gè)人服務(wù),聯(lián)系電話:18980820575

jq和vuejs可以混用，方法：1、利用npm工具安裝jquery；2、配置“webpack.base.conf.js”和“module.exports”文件；3、在“main.js”中，用“import 'jquery'”引入jq即可。

本教程操作環(huán)境：windows7系統(tǒng)、vue2.9.6版，DELL G3電腦。

有時(shí)候只要想到要用的 vue.js 的時(shí)候就會(huì)慣性的想起用vue-cli手腳架搭建一個(gè)項(xiàng)目，但是有時(shí)候的業(yè)務(wù)場(chǎng)景并不適合用vue-cli手腳架，這個(gè)時(shí)候使用vue+jquery混合使用，把他們的優(yōu)點(diǎn)結(jié)合起來(lái)使用會(huì)大大提升開(kāi)發(fā)效率。

vue項(xiàng)目使用jquery的方法

1、安裝jquery。

進(jìn)入項(xiàng)目根目錄下運(yùn)行：npm install jquery --save

項(xiàng)目的package.json會(huì)自動(dòng)添加依賴(lài)信息

2、webpack配置

找到項(xiàng)目的build目錄中的webpack.base.conf.js文件，引入：var webpack = require('webpack')

然后在module.exports中添加一段代碼，

resolve: {
....
},
//添加jquery
plugins: [
  new webpack.optimize.CommonsChunkPlugin('common.js'),
  new webpack.ProvidePlugin({
    jQuery: "jquery",
    $: "jquery"
  }),
],
module: {.....

3、找到項(xiàng)目的main.js，添加以下代碼：import 'jquery'

這樣使用npm run dev 重新運(yùn)行項(xiàng)目

測(cè)試，親測(cè)成功

....
jqueryTest(){
 console.log($("form"))
}

以上是“jq和vuejs是否可以結(jié)合使用”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！