在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 相关文章推荐
JavaScript对象链式操作代码(jquery)
Jul 04 Javascript
BOM与DOM的区别分析
Oct 26 Javascript
jquery处理json数据实例分析
Jun 03 Javascript
详解JavaScript正则表达式之RegExp对象
Dec 13 Javascript
JS实现为排序好的字符串找出重复行的方法
Mar 02 Javascript
Javascript设计模式之观察者模式(推荐)
Mar 29 Javascript
详解React native全局变量的使用(跨组件的通信)
Sep 07 Javascript
JS实现的简单四则运算计算器功能示例
Sep 27 Javascript
js中实例与对象的区别讲解
Jan 21 Javascript
利用Webpack实现小程序多项目管理的方法
Feb 25 Javascript
简谈创建React Component的几种方式
Jun 15 Javascript
google广告之另类js调用实现代码
Aug 22 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环境配置 php5 MySQL5 apache2 phpmyadmin安装与配置图文教程
2007/03/16 PHP
数据库中排序的对比及使用条件详解
2012/02/23 PHP
PHP自动生成表单代码分享
2015/06/19 PHP
js本身的局限性 别让javascript做太多事
2010/03/23 Javascript
jquery鼠标停止移动事件
2013/12/21 Javascript
JavaScript通过正则表达式实现表单验证电话号码
2014/03/07 Javascript
node.js中的fs.mkdir方法使用说明
2014/12/17 Javascript
jQuery超简单选项卡完整实例
2015/09/26 Javascript
基于JavaScript实现根据手机定位获取当前具体位置(X省X市X县X街道X号)
2015/12/29 Javascript
Vue表单输入绑定的示例代码
2018/11/01 Javascript
Vuex的actions属性的具体使用
2019/04/14 Javascript
vue 使用 canvas 实现手写电子签名
2020/03/06 Javascript
通过滑动翻页效果实现和移动端click事件问题
2021/01/26 Javascript
Python复制目录结构脚本代码分享
2015/03/06 Python
Python和Perl绘制中国北京跑步地图的方法
2016/03/03 Python
浅谈Python中chr、unichr、ord字符函数之间的对比
2016/06/16 Python
Python的collections模块中namedtuple结构使用示例
2016/07/07 Python
Python实现Windows和Linux之间互相传输文件(文件夹)的方法
2017/05/08 Python
python中文分词教程之前向最大正向匹配算法详解
2017/11/02 Python
简单了解什么是神经网络
2017/12/23 Python
利用numpy和pandas处理csv文件中的时间方法
2018/04/19 Python
python读取excel指定列数据并写入到新的excel方法
2018/07/10 Python
Python基于多线程操作数据库相关问题分析
2018/07/11 Python
pytorch 修改预训练model实例
2020/01/18 Python
Python使用tkinter实现摇骰子小游戏功能的代码
2020/07/02 Python
python实现批处理文件
2020/07/28 Python
CSS3属性 line-clamp控制文本行数的使用
2020/03/19 HTML / CSS
HTML5 source标签:媒介元素定义媒介资源
2018/01/29 HTML / CSS
BOSE德国官网:尽探索之力,享音乐之极
2016/12/11 全球购物
国际商务专业学生个人的自我评价
2013/09/28 职场文书
2015年幼儿园毕业感言
2014/02/12 职场文书
如何写一封打动人心的求职信
2014/02/17 职场文书
电子信息工程专业求职信
2014/06/28 职场文书
办公楼租房协议书范本
2014/11/25 职场文书
文明单位创建材料
2014/12/24 职场文书
建筑工地资料员岗位职责
2015/04/13 职场文书