为什么要引入jquery?
很多人vue的插件库没有jquery完善,比如导出word、excel等功能
很多人依赖jquery开发,转成vue一时之间无法完全适应,但是建议少在vue中引入jquery,需要插件可以去github或者vue社区找。
第一步:安装jquery依赖
cnpm i jquery@latest --save
解释:
@latest表示安装最新的包
--save表示安装为production环境依赖
第二步:引入jquery到项目
src/main.js import $ from 'jquery' window.$=$
解释:
为什么要window.$=$ ?因为不加这句在控制台$.fn===undefined; 无法在控制台使用jquery的方法
第三步:webpack配置jquery
build/webpack.base.conf.js const webpack = require('webpack') module.exports={ plugins: [ new webpack.optimize.CommonsChunkPlugin('common.js'), new webpack.ProvidePlugin({ jQuery: "jquery", $: "jquery" }) ], }
解释:
在头部导入webpack; 在module.exports中加入jquery的配置即可
然后就可以在代码的任意位置用$愉快的使用jquery的所有方法了
(ps:有问题随时可以留言问我)
上一篇:搭建vue框架(vue+webpack4.0+iview2.14+vuex+es6+stylus架构一)
下一篇:vue如何引入echart(vue+webpack4.0+iview2.14+vuex+es6+stylus架构三)