（一）Vue引入jquer以及jquery插件步驟
（一）在package.json中添加

（二）安裝jquery
npm install jquery
（三）修改build/webpack.base.conf.js中的兩處
1).在開頭引入webpack

2)在module.exports最后增加一個plugins對象

3)重新 npm run dev
4)在main.js中引入
import $ from ‘jquery

---

引入jquery后就可以使用jquery插件，比如*
（一）引入bootstrap：
在vue入口文件src/main.js中添加
import ‘./assets/libs/bootstrap/css/bootstrap.min.css’
import ‘./assets/libs/bootstrap/js/bootstrap.min’
（二）.引入jquery后引入輪播插件flexSlider
1)下載flexSlider壓縮包


2)解壓后，將fonts文件夾,jquery.flexslider-min文件，flexslider.css放在static文件夾下

3).在vue模板中使用

4）引入flexSlider所需文件

5）將flexSlider放在ajax加載后（不然會出現只有刷新才會出現圖片的現象）

---

Vue項目引入icon圖標步驟
（一）進入iconfont官網，找到自己所需要的圖標

（二）將需要的圖標加入購物車庫，點擊下載代碼

（三）解壓后,在src/asserts文件夾中創建icons文件夾，將下列文件copy中icons文件夾中


（四）在自己需要使用圖標的地方引入

（五） 在模板中使用即可,如果不知道類，點擊解壓文件中html文件，里面有說明

總結

以上是生活随笔為你收集整理的vue项目中引入插件的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。