vue配置jquery和bootstarp

时间:2022-12-04 10:48:04

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