在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获取QueryString的方法小结
Feb 28 Javascript
c#+jquery实现获取radio和checkbox的值
Sep 12 Javascript
node.js中的emitter.emit方法使用说明
Dec 10 Javascript
JavaScript setTimeout使用闭包功能实现定时打印数值
Dec 18 Javascript
Vue.js 和 MVVM 的注意事项
Nov 07 Javascript
详谈构造函数加括号与不加括号的区别
Oct 26 Javascript
微信小程序实现两边小中间大的轮播效果的示例代码
Dec 07 Javascript
JS闭包经典实例详解
Dec 20 Javascript
微信小程序websocket聊天室的实现示例代码
Feb 12 Javascript
微信小程序生成分享海报方法(附带二维码生成)
Mar 29 Javascript
使用easyui从servlet传递json数据到前端页面的两种方法
Sep 05 Javascript
elementui更改el-dialog关闭按钮的图标d的示例代码
Aug 04 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
PHP静态新闻列表自动生成代码
2007/06/14 PHP
PHP贪婪算法解决0-1背包问题实例分析
2015/03/23 PHP
从ThinkPHP3.2.3过渡到ThinkPHP5.0学习笔记图文详解
2019/04/03 PHP
解决thinkPHP 5 nginx 部署时,只跳转首页的问题
2019/10/16 PHP
jquery 读取页面load get post ajax 四种方式代码写法
2011/04/02 Javascript
学习从实践开始之jQuery插件开发 菜单插件开发
2012/05/03 Javascript
jQuery实现单行文字间歇向上滚动源代码
2013/06/02 Javascript
JavaScript也谈内存优化
2014/06/06 Javascript
jQuery中:last选择器用法实例
2014/12/30 Javascript
微信小程序  audio音频播放详解及实例
2016/11/02 Javascript
微信小程序Server端环境配置详解(SSL, Nginx HTTPS,TLS 1.2 升级)
2017/01/12 Javascript
在node中如何使用 ES6
2017/04/22 Javascript
javascript ES6 新增了let命令使用介绍
2017/07/07 Javascript
vue使用vue-cli快速创建工程
2017/07/28 Javascript
vue仿淘宝订单状态的tab切换效果
2020/06/23 Javascript
详解mpvue中使用vant时需要注意的onChange事件的坑
2019/05/16 Javascript
JavaScript 反射和属性赋值实例解析
2019/10/28 Javascript
谈谈JavaScript中的垃圾回收机制
2020/09/17 Javascript
[43:24]VG vs Serenity 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/20 DOTA
Python如何快速上手? 快速掌握一门新语言的方法
2017/11/14 Python
Python Tkinter Entry和Text的添加与使用详解
2020/03/04 Python
Pycharm2020.1安装中文语言插件的详细教程(不需要汉化)
2020/08/07 Python
python selenium xpath定位操作
2020/09/01 Python
CSS3使用transition实现的鼠标悬停淡入淡出
2015/01/09 HTML / CSS
CSS超出文本指定宽度用省略号代替和文本不换行
2016/05/05 HTML / CSS
若通过ObjectOutputStream向一个文件中多次以追加方式写入object,为什么用ObjectInputStream读取这些object时会产生StreamCorruptedException?
2016/10/17 面试题
电信营业员自我评价分享
2014/01/17 职场文书
保护环境标语
2014/06/09 职场文书
工商管理自荐书
2014/07/06 职场文书
大学生入党积极分子自我评价
2014/09/20 职场文书
党员个人自我剖析材料
2014/10/08 职场文书
英文版辞职信
2015/02/28 职场文书
2016计划生育先进个人事迹材料
2016/02/29 职场文书
用Python将库打包发布到pypi
2021/04/13 Python
python状态机transitions库详解
2021/06/02 Python
Python基础之变量的相关知识总结
2021/06/23 Python