vue使用一些外部插件及樣式的配置代碼
一、配置全局css及js樣式
1.首先將事先寫(xiě)好的css文件及js文件放在src文件目錄下的assets文件下
2.在main.js文件輸上圖右邊兩個(gè)紅色框的代碼
二、配置全局jQuery及bootstrap
安裝插件步驟：
>: cnpm install jquery
vue/cli 3 配置jQuery：在vue.config.js中配置(沒(méi)有，手動(dòng)項(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插件
使用說(shuō)明見(jiàn)官網(wǎng)地址： https://element.eleme.cn/#/zh-CN
在main.js文件下配置：
四、配置axios 來(lái)完成前后臺(tái)ajax請(qǐng)求
在main.js文件下配置：
五、配置vue-cookies
完成以上配置，就可以在前端看到是否保存了cookie,以及過(guò)期時(shí)間
總結(jié)
以上所述是小編給大家介紹的vue使用一些外部插件及樣式的配置代碼，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
如果你覺(jué)得本文對(duì)你有幫助，歡迎轉(zhuǎn)載，煩請(qǐng)注明出處，謝謝！
- vue.js引入外部CSS樣式和外部JS文件的方法
- vue 右鍵菜單插件 簡(jiǎn)單、可擴(kuò)展、樣式自定義的右鍵菜單
- 詳解三種方式解決vue中v-html元素中標(biāo)簽樣式
- vue實(shí)現(xiàn)條件判斷動(dòng)態(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入門(mén)教程之綁定class和style樣式
相關(guān)文章
這篇文章主要介紹了vue過(guò)濾器用法,結(jié)合實(shí)例形式總結(jié)分析了vue.js常見(jiàn)過(guò)濾器相關(guān)使用技巧與操作注意事項(xiàng),需要的朋友可以參考下2019-03-03
Vue項(xiàng)目pdf(base64)轉(zhuǎn)圖片遇到的問(wèn)題及解決方法
這篇文章主要介紹了Vue項(xiàng)目pdf(base64)轉(zhuǎn)圖片遇到的問(wèn)題及解決方法,需要的朋友可以參考下2018-10-10
本篇文章主要介紹了 vue中的event bus非父子組件通信解析 ，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-10-10
Vue.js實(shí)戰(zhàn)之通過(guò)監(jiān)聽(tīng)滾動(dòng)事件實(shí)現(xiàn)動(dòng)態(tài)錨點(diǎn)
監(jiān)聽(tīng)事件是我們?cè)谑褂胿ue.js的時(shí)候經(jīng)常使用的一個(gè)功能，下面這篇文章主要介紹了Vue.js實(shí)戰(zhàn)之通過(guò)監(jiān)聽(tīng)滾動(dòng)事件實(shí)現(xiàn)動(dòng)態(tài)錨點(diǎn) 的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，相信對(duì)大家具有一定的參考價(jià)值，需要的朋友們下面來(lái)一起看看吧。2017-04-04
Vue項(xiàng)目中數(shù)據(jù)的深度監(jiān)聽(tīng)或?qū)ο髮傩缘谋O(jiān)聽(tīng)實(shí)例
這篇文章主要介紹了Vue項(xiàng)目中數(shù)據(jù)的深度監(jiān)聽(tīng)或?qū)ο髮傩缘谋O(jiān)聽(tīng)實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-07-07
vue3輸入單號(hào)和張數(shù)如何自動(dòng)生成連號(hào)的單號(hào)
最近遇到這樣的需求輸入連號(hào)事件,需要在表格中輸入物流單號(hào),物流號(hào)碼,生成的數(shù)量,名稱,點(diǎn)擊確定自動(dòng)生成固定數(shù)量的連號(hào)物流單號(hào),本文重點(diǎn)介紹vue3輸入單號(hào)和張數(shù),自動(dòng)生成連號(hào)的單號(hào),感興趣的朋友一起看看吧2024-02-02
Vue.Draggable實(shí)現(xiàn)交換位置
這篇文章主要為大家詳細(xì)介紹了Vue.Draggable實(shí)現(xiàn)交換位置，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-04-04
這篇文章主要為大家介紹了Vue之插件，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來(lái)幫助，希望能夠給你帶來(lái)幫助2021-11-11
vue加載動(dòng)畫(huà)element ui V-loading屬性的踩坑記錄
這篇文章主要介紹了vue加載動(dòng)畫(huà)element ui V-loading屬性方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-06-06
這篇文章主要介紹了Vue中的計(jì)算屬性,模板內(nèi)的表達(dá)式,用于簡(jiǎn)單運(yùn)算,但是模板中放入太多的邏輯會(huì)讓模板過(guò)重且難以維護(hù)，更多具體內(nèi)容一起進(jìn)入下面文章學(xué)習(xí)吧,需要的朋友也可以參考一下2021-12-12