vue.js怎么引入bootstrap

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

本教程操作環境：windows7系統、Vue2.9.6版，該方法適用于所有品牌電腦。

【相關文章推薦：vue.js】

vue.js引入bootstrap的方法：

1、使用指令:

npm install bootstrap --save-dev

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

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

至此bootStrap也引入結束，接下來我們的重點來了，因為BootStrap與VUE有一個專門的設計叫做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)

相關免費學習推薦：javascript（視頻）