博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
在vue项目中,将juery设置为全局变量
阅读量:7153 次
发布时间:2019-06-29

本文共 774 字,大约阅读时间需要 2 分钟。

1.首先执行:npm install  jQuery --save-dev,在package.json里加入jQuery。

2.修改build下的webpack.base.conf.js

方法一:

首先加入:

const webpack = require("webpack")

然后在module.exports 对象中加入:

 

plugins: [    new webpack.optimize.CommonsChunkPlugin('common.js'),    new webpack.ProvidePlugin({      jQuery: "jquery",      $: "jquery"    })  ]

方法二:

先加入:

const webpack = require("webpack")

然后:

resolve: {    extensions: ['.js', '.vue', '.json'],    alias: {      'vue$': 'vue/dist/vue.esm.js',      '@': resolve('src'),      'jquery': 'jquery'    }  },

最后:

plugins: [    new webpack.ProvidePlugin({      jQuery: "jquery",      $: "jquery"    })  ]

3.在app.vue中调用jquery

mounted: function() {    console.log($);    console.log($('#ss')[0].innerHTML);  },

打印结果:

转载于:https://www.cnblogs.com/Tohold/p/9051206.html

你可能感兴趣的文章
Hybrid框架UI重构之路:四、分而治之
查看>>
iOS项目的目录结构(Cocoa China)
查看>>
取消word中所有超链接
查看>>
javascript:addEventListener
查看>>
Mysql函数INSTR、LOCATE、POSITION VS LIKE
查看>>
atoi()函数的实现
查看>>
基于.net开发chrome核心浏览器【三】
查看>>
多种方法实现Loading(加载)动画效果
查看>>
AABB边框、OBB边框、通过比较球包围
查看>>
Atitit. 软件开发中的管理哲学--一个伟大的事业必然是过程导向为主 过程导向 vs 结果导向...
查看>>
基于opencv的小波变换
查看>>
JS产生随机数的几个用法!
查看>>
Android开发UI之ViewPager及PagerAdapter
查看>>
浏览器默认样式(User Agent Stylesheet)
查看>>
C语言宏定义技巧
查看>>
所有Mac用户都需要知道的9个实用终端命令行
查看>>
iOS开发-- 使用NSNumber将int、float、long等数据类型加入到数组或字典中
查看>>
Java Persistence with MyBatis 3(中国版) 第五章 与Spring集成
查看>>
Java虚拟机详解04----GC算法和种类【重要】
查看>>
Receiver type for instance message is a forward
查看>>