在vue项目中,将juery设置为全局变量的方法


Posted in Javascript onSeptember 25, 2018

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

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

方法一:

首先加入:

const webpack = require("webpack")

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

在vue项目中,将juery设置为全局变量的方法

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);
 },

打印结果:

在vue项目中,将juery设置为全局变量的方法

以上这篇在vue项目中,将juery设置为全局变量的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JS关键字变色实现思路及代码
Feb 21 Javascript
javascript查找字符串中出现最多的字符和次数的小例子
Oct 29 Javascript
使用jQuery实现星级评分代码分享
Dec 09 Javascript
jQuery+HTML5美女瀑布流布局实现方法
Sep 21 Javascript
js浏览器html5表单验证
Oct 17 Javascript
Angular 通过注入 $location 获取与修改当前页面URL的实例
May 31 Javascript
详谈JS中数组的迭代方法和归并方法
Aug 11 Javascript
JavaScript贪吃蛇小组件实例代码
Aug 20 Javascript
jquery实现左右轮播图效果
Sep 28 jQuery
详解Vue快速零配置的打包工具——parcel
Jan 16 Javascript
jQuery对底部导航进行跳转并高亮显示的实例代码
Apr 23 jQuery
微信小程序:数据存储、传值、取值详解
May 07 Javascript
解决vue A对象赋值给B对象,修改B属性会影响到A的问题
Sep 25 #Javascript
解决vue-cli webpack打包后加载资源的路径问题
Sep 25 #Javascript
详解Vue Elementui中的Tag与页面其它元素相互交互的两三事
Sep 25 #Javascript
axios对请求各种异常情况处理的封装方法
Sep 25 #Javascript
解决vue axios的封装 请求状态的错误提示问题
Sep 25 #Javascript
angular 数据绑定之[]和{{}}的区别
Sep 25 #Javascript
Vue高版本中一些新特性的使用详解
Sep 25 #Javascript
You might like
精致的人儿就要挑杯子喝咖啡
2021/03/03 冲泡冲煮
Sorting Array Values in PHP(数组排序)
2011/09/15 PHP
Yii中的cookie的发送和读取
2016/07/27 PHP
PHP载入图像imagecreatefrom_gif_jpeg_png系列函数用法分析
2016/11/14 PHP
php利用嵌套数组拼接与解析json的方法
2017/02/07 PHP
PHP PDOStatement::closeCursor讲解
2019/01/30 PHP
客户端脚本中常常出现的一些问题和调试技巧
2007/01/09 Javascript
用roll.js实现的图片自动滚动+鼠标触动的特效
2007/03/18 Javascript
jquery 事件冒泡的介绍以及如何阻止事件冒泡
2012/12/25 Javascript
JavaScript中使用document.write向页面输出内容实例
2014/10/16 Javascript
JavaScript实现可拖拽的拖动层Div实例
2015/08/05 Javascript
真正好用的js验证上传文件大小的简单方法
2016/10/27 Javascript
想学习javascript JS和jQuery哪个重要 先学哪个
2016/12/11 Javascript
关闭Vue计算属性自带的缓存功能方法
2018/03/02 Javascript
原生JS实现的碰撞检测功能示例
2018/05/18 Javascript
[01:20]辉夜杯背景故事宣传片《辉夜传说》
2015/12/25 DOTA
[05:14]辉夜杯主赛事第二日 RECAP精彩回顾
2015/12/27 DOTA
[37:02]OG vs INfamous 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/17 DOTA
python字符串,数值计算
2016/10/05 Python
Python实现简单过滤文本段的方法
2017/05/24 Python
对Python中gensim库word2vec的使用详解
2018/05/08 Python
对numpy中向量式三目运算符详解
2018/10/31 Python
python消除序列的重复值并保持顺序不变的实例
2018/11/08 Python
Python实现的批量修改文件后缀名操作示例
2018/12/07 Python
PyQt QCombobox设置行高的方法
2019/06/20 Python
通过字符串导入 Python 模块的方法详解
2019/10/27 Python
python实现XML解析的方法解析
2019/11/16 Python
公务员年总结的自我评价
2013/10/25 职场文书
护士专业推荐信
2013/11/02 职场文书
求职自荐信
2013/12/14 职场文书
迟到检讨书5000字
2014/01/31 职场文书
名人演讲稿范文
2014/09/16 职场文书
消费者投诉书范文
2015/07/02 职场文书
学习习近平主席讲话心得体会
2016/01/20 职场文书
七年级作文之下雨天
2019/12/23 职场文书
python和C/C++混合编程之使用ctypes调用 C/C++的dll
2022/04/29 Python