使用vue-cli开发过程中如何把jQuery设置为全局
Posted 九转功成
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了使用vue-cli开发过程中如何把jQuery设置为全局相关的知识,希望对你有一定的参考价值。
说明:vue-cli是vue快速构建项目的命令行式开发模式。
vue主要针对数据层,更多的操作在数据上,很少在DOM上,偶尔也会需要操作DOM,偶尔也会用到JQ插件,下面简单说下如何在使用vue-cli开发时候把JQ设置为全局的公用方法。
步骤:
1、npm install jquery -S
此时package.json内会自动添加一个最新版本的jquery,如果需要指定版本,安装的时候自己指定。
如下图
2、打开build/webpack.base.conf.js文件,最上面先添加一行:var webpack = require("webpack")
再在下面添加上webpack的插件如下图的位置
3、此时已经成功吧JQ设置为全局了,使用的时候可以像使用script那样正常使用了!
以上是关于使用vue-cli开发过程中如何把jQuery设置为全局的主要内容,如果未能解决你的问题,请参考以下文章