首頁 > web前端 > Vue.js > 主體

vue.js怎麼引進jquery

coldplay.xixi
發布: 2020-11-30 16:38:32
原創
2736 人瀏覽過

vue.js引入jquery的方法:首先在【package.json】裡的dependencies加入【jquery】,並在終端輸入相關代碼;然後在【module.exports】裡輸入相關代碼;最後在終端機輸入【npm run dev】。

vue.js怎麼引進jquery

本教學操作環境:windows10系統、vue2.5.2,本文適用於所有品牌的電腦。

【相關文章推薦:vue.js

#vue.js引進jquery的方法:

1.首先在package.json裡的dependencies加入”jquery” : “^3.2.1”,

vue.js怎麼引進jquery

2、在終端機裡輸入npm install jquery – save-dev  當然用淘寶鏡像cnpm 也是可以的

   注意:jquery 一定要小寫不然會提示  Please use 'jquery' (all lowercase)

vue.js怎麼引進jquery

vue.js怎麼引進jquery

vue.js怎麼引進jquery

vue.js怎麼引進jquery

vue.js怎麼引進jquery

vue.js怎麼引進jquery

vue.js怎麼引進jquery

3、找到build資料夾下的webpack.base.conf.js文件,打開,加入:###
  var webpack=require(‘webpack’)
登入後複製
############  在module.exports裡輸入:###
        plugins: [ 
           new webpack.ProvidePlugin({ 
                 $:”jquery”, 
                 jQuery:”jquery”, 
                “windows.jQuery”:”jquery”
        }) 
      ],
登入後複製
############4、在入口檔main.js中輸入:###
 import $ from ‘jquery’
登入後複製
############5、在終端機輸入npm run dev 就歐克了 ###############6、驗證方法在APP.vue裡進行驗證   看圖:################### ###########相關免費學習推薦:#########JavaScript##########(影片)#########

以上是vue.js怎麼引進jquery的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!