实现插入vue中插入第三方插件库jq和bootstrap

1

首先先下载jquery命令如下:
npm install --save-dev jquery

2在webpack.base.conf.js中进行配置

1.首先:找到配置文件methods.exports暴露对象文件
2.进行下边操作:
//在头部插入下边代码
const webpack = require('webpack')

/* 第三方插件 */
plugins: [
    new webpack.ProvidePlugin({
      $: "jquery",
      jQuery: "jquery",
      "windows.jQuery":"jquery"
    })
  ],
//注意:只要和resolve:{}同级就行
//在需要的位置上引入jq的方式就能使用了
import $ from 'jquery'
//下列如果需要用到响应式布局的话也可以使用bootstrap
//然后下载bootstrap第三方框架代码如下:
npm install bootstrap@3
//然后直接在main.js入口文件中引入就行代码如下:
import 'bootstrap/dist/js/bootstrap.min.js'
import 'bootstrap/dist/css/bootstrap.min.css'
//然后就可以直接使用了喔 谢谢大家

```

你可能感兴趣的:(实现插入vue中插入第三方插件库jq和bootstrap)