vue引入bootstrap

頭腦發熱，只是單純的想練習bootstrap,不夠專業，不喜歡的請略過^^

 

vue組件引入jquery配置如下，不再贅述：
https://www.cnblogs.com/aoshuang/p/10685633.html

 

1、安裝bootstrap：cnpm install bootstrap --save-dev   /   npm install bootstrap --save-dev

2、修改webpack.base.conf.js配置

'assets': resolve('src/assets'),

3、在官網下載bootstrap https://v3.bootcss.com/，放到assets路徑下，如下

4、在main.js全局引用

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

5、測試

<template>
<div id="home">
  <div class="btn-group" role="group" aria-label="...">
    <button type="button" class="btn btn-default">Left</button>
    <button type="button" class="btn btn-default">Middle</button>
    <button type="button" class="btn btn-default">Right</button>
  </div>
</div>
</template>