vue 引入jquery 以及使用jquery依赖库

vue 引入jquery

１.本地npm安装jquery   cnpm install jquery --save-dev

2.修改build/webpack.base.conf.js

   1.添加const webpack = require('webpack')

   2.找到module.exports　加一个plugins对象如下

     plugins: [

        new webpack.ProvidePlugin({

            $: "jquery",

            jQuery: "jquery",

            "windows.jQuery": "jquery"

        })

]

3.npm run dev重新开启项目，就可以用jquery了

---

vue 使用jquery生态库(已安装jquery)

1.将类库的css,js文件放到static里

２.在index.html里link引入类库的css

 3.在vue组件的script标签中，import dataTables from "./../../static/dataTables/jquery.dataTables.min.js"(用dataTables举例)

4.  在钩子函数中使用，如下

mounted(){

    this.$nextTick(function(){

          $('#example').DataTable();

    })

  }