眾所周知,bootstrap是一個(gè)前端開發(fā)的組件庫,而vue是近兩年非常火的一個(gè)用于開發(fā)前后端分離項(xiàng)目的JavaScript庫,這兩個(gè)組合定能產(chǎn)生出超乎想象的力量.
首先,要下載依賴的庫:
由于篇幅問題,node.js,vue-cli啥的安裝我就不說了,不會(huì)的可以看這里node.js與vue的安裝
tips: 如果希望能讓下載速度快的話,一般可以設(shè)置npm的源.因?yàn)閏npm存在某些路徑問題,所以不推薦使用.
設(shè)置方法:npm config set registry "https://registry.npm.taobao.org/"
npm install bootstrap-vue
npm install bootstrap
然后就可以愉快地開始了!
我們將引入工作放在你需要的地方,比如說main.js:
import BootstrapVue from 'bootstrap-vue
import "bootstrap/dist/css/bootstrap.css"
import "bootstrap-vue/dist/bootstrap-vue.css"
然后,我們需要注冊(cè)它:
Vue.use(BootstrapVue);
這就是配置了,然后我們當(dāng)然就可以愉快的使用了.
一般情況下,css的顯示是完全正常的,不過js有些地方進(jìn)行了擴(kuò)展和變動(dòng),具體可以參見官方網(wǎng)站,或者期待我的后續(xù)文章.
以上是這篇文章的全部,錯(cuò)誤的地方懇請(qǐng)指正.
QQ:8955859,希望能和大家一起學(xué)習(xí).
最后,都看到這了,贊賞一下唄!(^ ~ ^||).
