之前一直不喜歡在vue裡面引入jq的東西,因為和vue的理念是背道而馳的,但是後來因為專案需求難以解決,不得不引入入jquery去解決,才感嘆jq還是很強大的啊
真香嘻嘻
我的專案是基於vue 2.0的。3.0的可能會有些不同,但是應該問題不大了
首先,我們得在package.json檔案中的dependencies新增
"jquery"
:"^3.4.1"
,"jquery-ui-dist"
:"^1.12.1"
,
然後我們npm install一下,安裝jq和jqui
接著我們修改webpack.base.conf.js檔案
在上方新增
var webpack =
require
("webpack"
)
然後在module.exports裡面新增
//在這裡插入**片
plugins:
[new
webpack.provideplugin()
],
去到入口檔案main.js
//引入jq庫
// import $ from 'jquery'
// vue.use($)
import
'jquery-ui-dist/jquery-ui'
import
'jquery-ui-dist/jquery-ui.css'
一定要引入css,不然沒有辦法使用
jq在這裡可以不用引入了
不然會報錯
因為在webpack已經設定過了
重新npm run dev一下
大功告成
vue專案中引入iconfont
對於前端而言,圖示的發展可謂日新月異。從img標籤,到雪碧圖,再到字型圖示,svg,甚至svg也有了類似於雪碧圖的方案svg sprite loader。雪碧圖沒有什麼好講的了,只是簡單地利用了background position來做圖示定位。今天咱們先聊聊怎麼使用字型圖示和svg圖示。其實字型圖...
vue 專案 引入jquery
1 在專案中安裝jquery。npm install jquery 2 在專案根目錄下的build webpack.base.conf.js檔案中 先寫以下 var webpack require webpack 在module.exports的最後寫 3 在根目錄下的 src main.js中引入...
VUE專案引入jquery
既然寫專案,那麼少不了用jq,那我們就引入進來吧 1 因為已經安裝了vue腳手架,所以需要在webpack中全域性引入jquery 開啟package.json檔案,在裡面加入這行 jquery後面的是版本,根據你自己需求更改。2 然後在命令列中cnpm install 大多人應該都是使用的 映象,...