vue怎麼使用jQuery

2021-10-05 04:31:21 字數 1122 閱讀 5438

有時候想在vue裡面使用jquery的功能或者要用jquery寫的現有功能,就很煩,

vue到底怎麼使用jquery呢,首先vue要想使用外掛程式需要npm install jquery

但是這樣是普通外掛程式的使用方式,jquery這樣用可不行,需要修改build下的

webpack.base.conf.js
需要加的內容

const webpack =

require

('webpack'

)plugins:

[new

webpack.provideplugin()

]

具體加的位置是在哪呢

付乙份加完的webpack.base.conf.js

'use strict'

const webpack =

require

('webpack'

)const path =

require

('path'

)const utils =

require

('./utils'

)const config =

require

('../config'

)const vueloaderconfig =

require

('./vue-loader.conf'

)function resolve (dir)

const createlintingrule =()

=>(}

)module.exports =

, output:

, resolve:},

module:,,

},},

}]},

node:

, plugins:

[new

webpack.provideplugin()

]}

這樣就可以直接在vue檔案進行引入jquery了,象普通外掛程式一樣

import $ fron 'jquery'

vue專案中使用jQuery

這裡是引入全域性的jquery 1.在package.json檔案中,devdependencies 物件中新增 jquery 3.1.1 2.在build資料夾下的webpack.base.conf.js檔案中新增 var webpack require webpack 增加乙個plugins p...

vue 專案中使用 jquery

在 vue 專案中使用 jquery,具體步驟如下 1 npm 安裝 jquery 命令如下,後邊指定安裝的 jquery 版本 npm install jquery 3.2.1不加 會安裝最新版本 npm install jquery命令執行成功後,會在 package.json 檔案中自動生成 ...

vue 元件中使用jquery 模板

先看效果 博主是在首頁插入了輪播圖 資源 這個輪播圖是通過jquery 實現的,那麼vue 中怎麼引入呢?請繼續往下看 1 安裝jquery 外掛程式 2 安裝成功就可以使用了,下面需要替換掉 輪播圖中的jquery.js 換成我們安裝的 3 在元件中引入css與js 通過上面這幾步,我們就可以正常...