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

这篇文章主要为大家详细介绍了在vue项目中,将juery设置为全局变量的方法，具有一定的参考价值，可以用来参考一下。

感兴趣的小伙伴，下面一起跟随四海网的小编两巴掌来看看吧！

 

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

打印结果：

【图片暂缺】

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

本文来自：http://www.q1010.com/184/6135-0.html

注：关于在vue项目中,将juery设置为全局变量的方法的内容就先介绍到这里，更多相关文章的可以留意四海网的其他信息。

关键词：vue.js