vue项目引入bootstrap

vue项目如何引入bootstrap？

步骤如下：

• 1.安装依赖

  npm install bootstrap --save-dev
  npm install jquery --save-dev
  npm install popper.js --save-dev
  

• 2.将bootstrap全局引入

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

  import 'bootstrap'
  

  jquery同理，添加如下代码：

  import $ from 'jquery' 
  或 
  import jQuery from 'jquery'
  

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

  <script>
     import 'bootstrap/dist/css/bootstrap.min.css'
     import 'bootstrap/dist/js/bootstrap.min.js'
  </script>
  

这样就可以愉快使用bootstrap了