vue配置jquery和bootstarp

jquery：

1、npm install jquery --save-dev 引入jquery。

2、在webpack.base.conf.js中添加如下内容：

var webpack = require('webpack')

plugins:[

new webpack.ProvidePlugin({

$:"jquery",

jQuery:"jquery"

})

3、在main.js中添加内容import $ from 'jquery'。

接着就可以实验jquery好不好用了。

bootstarp：

1、npm install --save-dev bootstrap和npm install --save popper.js

2、在main.js中：

import $ from "jquery"

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

3、在index.html：

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

然后就可以就可以加载所有的bootstarp组件效果了。

 

https://blog.csdn.net/wild46cat/article/details/77662555

https://v3.bootcss.com/components/

https://blog.csdn.net/yuzheng7002/article/details/82688559