在vue模板引入jQuery報錯,誰知道怎麼解決?
很高興回答這個問題,我是路飛寫代碼,歡迎關注我,帶你一起長知識。
我做前端五六年,來回答一下你的這個問題,現在正處在迷茫的前端新手也將會清楚這塊內容到底怎麼處理。
01Webpack4開箱支持import,但是模塊必須是es6或者可以被轉化成commonjs和amd規範
雖然webpack4開箱支持import語法,但是是條件的,必須遵循cmd,amd規範。
根據你的截圖應該是用到了jquery的插件webupload組件,這種模式應該是之前傳統jquery的插件方式。所以肯定是引入不會成功,因為你的引入jquery並沒有到全局windows對象上,插件裏肯定引用不到。
02這種方式如何使用,有一種辦法我認為合理簡單
那就是在index.html頁面中引入相應的js,然後在具體的Vue頁面裏就可以使用了,用法與傳統方式沒有多少差別。
03如何去正確使用import,require關鍵字,需要去鑽研commonjs,amd規範深入學習一下這塊的內容,你就會明白萬變不離其宗,其實都很簡單,而你學會後甚至可以自己改造現有的不支持模塊引入的類庫。
好了,今天的回答就到這兒了,如果你願意深入學習,可以花點時間在上面鑽研一下。
我是路飛寫代碼,歡迎關注我,帶你一起長知識!
單獨建一個vue文件,裡面寫
import $ from "jquery"
window. $=$
window. jQuery=$
export default $
將上面文件當做一個模塊,你要在哪個頁面使用jq,就引入這個模塊就好。
開發的世界,什麼情況都可能遇到,那些說弱雞才引入jq的,還是開發年齡太短,遇到問題太少。
我react的項目,做到一半,團隊要求使用ztree做一個很重要的功能,但是ztree是依賴jq的,肯定要自己想辦法啊
首先你這引入方式是模塊化引入方式,引入的模塊需要export方式導出。很明顯你導入的靜態jq是全局window屬性,並不是cmd或amd模塊。
Vue用jq,真有意思啊
直接在頁面中用script標籤引入就行了
npm i jquery --save。配置webpack,plugins:[new webpack.ProvidePlugin({$:jquery})]
菜雞才會m在vue 裡面引入jq
你這種引入當時,jquery是不支持的。要用require。具體的我也不是太清楚,你可以查一下前端引入模塊具體。
vue多好啊,還用jquery幹嘛
別說你用jquery 是為了同 ajax
推薦閱讀: