vue專案中引入jquery和jqueryui

2021-09-29 10:54:38 字數 908 閱讀 4463

之前一直不喜歡在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 大多人應該都是使用的 映象,...