vue項目引用jquery的步驟


step1:首先安裝jquery依賴

  在項目終端中輸入npm install jquery -save-dev

 

step2:在項目 build 里的webpack.base.conf.js 里加載webpack文件,注意,要放在配置文件第一行;

 

 

 

step3:其次是在下圖的位置,添加代碼配置jQuery插件:

plugins: [
    new webpack.ProvidePlugin({
      $: "jquery",
      jQuery: "jquery",
      "windows.jQuery": "jquery"
    })
  ],

 

 

 step4:在入口文件main.js中導入jquery

import $ from 'jquery'
 

提示:這里無需再下面注冊,有些IDE會提示標紅,無需處理。

查看執行效果

在app.vue中寫一個案例

 

 

 

 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM