vue.js引入bootstrap的方法：首先使用安裝指令，代碼為【npm install bootstrap –save-dev】；然后在【main.js】中添加相關(guān)內(nèi)容，代碼為【import 'bootstrap/dist/js/】。

本教程操作環(huán)境：windows7系統(tǒng)、Vue2.9.6版，該方法適用于所有品牌電腦。

【相關(guān)文章推薦：vue.js】

vue.js引入bootstrap的方法：

1、使用指令:

npm install bootstrap --save-dev

2、安裝成功后，能夠在package.json文件夾中看到bootstrap這個模塊。這時候需要在main.js中添加如下內(nèi)容:

import 'bootstrap/dist/css/bootstrap.min.css' import 'bootstrap/dist/js/bootstrap.min'

至此bootStrap也引入結(jié)束，接下來我們的重點來了，因為BootStrap與VUE有一個專門的設(shè)計叫做bootstrap-vue.js，所以我們引入它之后就可以直接使用它們提供的專有樣式，比原生的bootStrap要好看很多

3、使用指令:

npm i vue bootstrap-vue bootstrap

4、在main.js文件中添加:

import Vue from 'vue' import BootstrapVue from 'bootstrap-vue' import 'bootstrap/dist/css/bootstrap.css' import 'bootstrap-vue/dist/bootstrap-vue.css' Vue.use(BootstrapVue)

相關(guān)免費學習推薦：javascript（視頻）