首頁 > web前端 > Vue.js > vue專案中能引jquery嗎

vue專案中能引jquery嗎

藏色散人
發布: 2021-11-18 10:36:09
原創
9359 人瀏覽過

vue專案中能引jquery,其引入方法為:1、修改package.json;2、在終端輸入npm install,導入依賴;3、修改webpack.base.conf;4、在元件中引入jquery即可。

vue專案中能引jquery嗎

本文操作環境:windows7系統、jquery2.2.3版、DELL G3電腦

vue專案中能引jquery嗎?

在vue專案中引入JQuery

用vue-cli腳手架工具建立專案成功後當需要引入JQ,可用以下方法:

#修改package.json

  首先在package.json裡的dependencies加入"jquery" : "^2.2.3"

  當然你可以修改你想引入的版本,這裡引入2.2 .3

 

導入依賴

  在終端機裡輸入npm install,導入相依。

修改webpack.base.conf 

  程式碼如下,看圖片修改;

var webpack = require("webpack")
登入後複製
plugins: [ 
    new webpack.ProvidePlugin({
          $:"jquery", 
          jQuery:"jquery", 
         "windows.jQuery":"jquery"
 }) 
],
登入後複製

#在元件中引入jquery,進行使用

  我們想要在哪個元件中使用jQuery函式庫,首先要使用以下指令引入jquery,然後就可以正常使用了

  這裡我們在main.js裡面進行全域引入

import $ from 'jquery'
登入後複製

測試使用:

  先重新啟動應用程式:npm run dev  重新整理頁面

推薦學習:《 jquery影片教學》《vue教學

以上是vue專案中能引jquery嗎的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板