boy 火鉅
最近學習vue,習慣性的通過標籤引入jquery,寫完後報錯才想起來,這種方式在vue是不適用的。
1:因為已經安裝了vue腳手架,所以需要在webpack中全域性引入jquery
開啟package.json檔案,在裡面加入這行**,jquery後面的是版本,根據你自己需求更改。
dependencies:
然後在命令列中cnpm install
大多人應該都是使用的**映象,所以使用cnpm,如果你不是 ,可以使用npm安裝。
2:在webpack.base.conf.js中加入一行**
var webpack=require("webpack")
3:在webpack.base.conf.js中module.exports的最後加入這行**,
plugins: [
new webpack.optimize.commonschunkplugin('common.js'),
new webpack.provideplugin()
]4:在main.js中引入,加入下面這行**
import $ from 'jquery'
5:最後一步,重新跑一邊就好,cnpm run dev
以上方法我自己試過了,確認可以正常使用,如果有不對的地方歡迎聯絡我進行改正。
在vue專案中通過iframe引入jquery專案
最近公司因為原來的jq框架存在的問題太多,所以要進行主題框架的重新搭建,我使用的vue進行的主題框架的重新搭建,但是原來的頁面已經完成很多了,而且都是使用的jquery進行開發的 在vue中引入jquery專案的關鍵就是在元件中通過iframe進行引入,在開發的時候把原來的jquery放在publi...
vue專案中正確新增jquery
1.用了vue專案之後確實在處理html介面中的資料特別方便也適用,但是隨之功能點的需求更新,發現vue專案也有實現不了的功能 2.在介面中需要用到jquery的fullpage外掛程式,此時還是需要在vue專案中匯入jquery 3.此時的匯入jquery不像原來的script引入了,而是需要命令...
在vue專案中如何引入第三方庫(比如jQuery)
一 絕對路徑直接引入,全域性可用 主入口頁面 index.html 中用 script 標籤引入 由於開啟了 eslint 檢測,所以會報乙個 warning 警告 is not defined 需要加 eslint disable 二 絕對路徑直接引入,配置後,import 引入後再使用 還是先在...