vue專案中正確新增jquery

2021-08-15 22:45:32 字數 660 閱讀 3206

1.用了vue專案之後確實在處理html介面中的資料特別方便也適用,但是隨之功能點的需求更新,發現vue專案也有實現不了的功能

2.在介面中需要用到jquery的fullpage外掛程式,此時還是需要在vue專案中匯入jquery

3.此時的匯入jquery不像原來的script引入了,而是需要命令列安裝以及配置資料

此時若為cnpm則修改為cnpm

npm install jquery
4.安裝好jquery後,需要修改配置檔案資料

a.開啟package.json檔案,在裡面加入這行**,jquery後面的是版本,根據你自己需求更改。

dependencies:
b.在webpack.dev.conf.js中module.exports的最後加入這行**,

plugins: [

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

new webpack.provideplugin()

c.在main.js中引入,加入下面這行**

import 'jquery'
5.最後一步,重新跑一邊就好,npm run dev

在vue專案中正確的引入jquery

boy 火鉅 最近學習vue,習慣性的通過標籤引入jquery,寫完後報錯才想起來,這種方式在vue是不適用的。1 因為已經安裝了vue腳手架,所以需要在webpack中全域性引入jquery 開啟package.json檔案,在裡面加入這行 jquery後面的是版本,根據你自己需求更改。depen...

vue專案中引入jquery和jqueryui

之前一直不喜歡在vue裡面引入jq的東西,因為和vue的理念是背道而馳的,但是後來因為專案需求難以解決,不得不引入入jquery去解決,才感嘆jq還是很強大的啊 真香嘻嘻 我的專案是基於vue 2.0的。3.0的可能會有些不同,但是應該問題不大了 首先,我們得在package.json檔案中的dep...

vue專案中使用less正確姿勢

本人在vue專案中引入less外掛程式,但是在使用webpack打包專案的時候發生了報錯 typeerror this.getoptions is not a function,接下來給大家提供乙個解決辦法 因為我們安裝的less 版本過高導致的這個問題,具體原因是 less 8.x版本 更新了配置...