vue使用一些外部插件及樣式的配置代碼
一、配置全局css及js樣式
1.首先將事先寫好的css文件及js文件放在src文件目錄下的assets文件下
2.在main.js文件輸上圖右邊兩個(gè)紅色框的代碼
二、配置全局jQuery及bootstrap
安裝插件步驟:
>: cnpm install jquery
vue/cli 3 配置jQuery:在vue.config.js中配置(沒有,手動項(xiàng)目根目錄下新建)
const webpack = require("webpack"); module.exports = { configureWebpack: { plugins: [ new webpack.ProvidePlugin({ $: "jquery", jQuery: "jquery", "window.jQuery": "jquery", Popper: ["popper.js", "default"] }) ] } };
BootStrap
>: cnpm install bootstrap@3
vue/cli 3 配置BootStrap:在main.js中配置
import "bootstrap" import "bootstrap/dist/css/bootstrap.css"
三、使用element-ui插件
使用說明見官網(wǎng)地址: https://element.eleme.cn/#/zh-CN
在main.js文件下配置:
四、配置axios 來完成前后臺ajax請求
在main.js文件下配置:
五、配置vue-cookies
完成以上配置,就可以在前端看到是否保存了cookie,以及過期時(shí)間
總結(jié)
以上所述是小編給大家介紹的vue使用一些外部插件及樣式的配置代碼,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時(shí)回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
如果你覺得本文對你有幫助,歡迎轉(zhuǎn)載,煩請注明出處,謝謝!
- vue.js引入外部CSS樣式和外部JS文件的方法
- vue 右鍵菜單插件 簡單、可擴(kuò)展、樣式自定義的右鍵菜單
- 詳解三種方式解決vue中v-html元素中標(biāo)簽樣式
- vue實(shí)現(xiàn)條件判斷動態(tài)綁定樣式的方法
- vue鼠標(biāo)移入添加class樣式,鼠標(biāo)移出去除樣式(active)實(shí)現(xiàn)方法
- vue里面父組件修改子組件樣式的方法
- Vue項(xiàng)目中quill-editor帶樣式編輯器的使用方法
- Vue獲取DOM元素樣式和樣式更改示例
- Vue.js每天必學(xué)之Class與樣式綁定
- vue.js入門教程之綁定class和style樣式
相關(guān)文章
Vue項(xiàng)目pdf(base64)轉(zhuǎn)圖片遇到的問題及解決方法
這篇文章主要介紹了Vue項(xiàng)目pdf(base64)轉(zhuǎn)圖片遇到的問題及解決方法,需要的朋友可以參考下2018-10-10Vue.js實(shí)戰(zhàn)之通過監(jiān)聽滾動事件實(shí)現(xiàn)動態(tài)錨點(diǎn)
監(jiān)聽事件是我們在使用vue.js的時(shí)候經(jīng)常使用的一個(gè)功能,下面這篇文章主要介紹了Vue.js實(shí)戰(zhàn)之通過監(jiān)聽滾動事件實(shí)現(xiàn)動態(tài)錨點(diǎn) 的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),相信對大家具有一定的參考價(jià)值,需要的朋友們下面來一起看看吧。2017-04-04Vue項(xiàng)目中數(shù)據(jù)的深度監(jiān)聽或?qū)ο髮傩缘谋O(jiān)聽實(shí)例
這篇文章主要介紹了Vue項(xiàng)目中數(shù)據(jù)的深度監(jiān)聽或?qū)ο髮傩缘谋O(jiān)聽實(shí)例,具有很好的參考價(jià)值,希望對大家有所幫助。一起跟隨小編過來看看吧2020-07-07Vue.Draggable實(shí)現(xiàn)交換位置
這篇文章主要為大家詳細(xì)介紹了Vue.Draggable實(shí)現(xiàn)交換位置,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-04-04vue加載動畫element ui V-loading屬性的踩坑記錄
這篇文章主要介紹了vue加載動畫element ui V-loading屬性方式,具有很好的參考價(jià)值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教2023-06-06