vue项目引入bootstrap

1.安装依赖包：

npm install bootstrap --save-dev
npm install jquery --save-dev

2.在项目中根目录西main.js中添加如下代码：

import $ from 'jquery'
import 'bootstrap'

3.将bootstrap css资源引入到相关页面中。

4。测试一下是否安装成功

//测试jquery安装是否成功
<template>
  <div>
   Hello world！
  </div>
</template>

<script>
$(function () {  
    alert(123);  
 }); 

export default {
  
};
</script>

<style>

</style>

//测试bootstrap是否安装成功
<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>