vue中引入 jq bootstrap

1.安装

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

2. bulid/webpack.base.conf.js添加

const webpack = require('webpack')

//module.exports下
plugins: [
    new webpack.ProvidePlugin({
      jQuery: 'jquery',
      $: 'jquery'
    })
  ]

此时页面中就能使用jq了，可以在某个组件下尝试检测,是否能弹出123

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

3.在main.js中引入bootstrap

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