在vue專案中正確的引入jquery

2021-08-20 01:14:26 字數 670 閱讀 2048

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 引入後再使用 還是先在...