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

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

成都一家集口碑和实力的网站建设服务商，拥有专业的企业建站团队和靠谱的建站技术，10余年企业及个人网站建设经验 ,为成都上千客户提供网页设计制作,网站开发,企业网站制作建设等服务,包括成都营销型网站建设，品牌网站制作，同时也为不同行业的客户提供成都网站设计、成都网站建设的服务,包括成都电商型网站制作建设,装修行业网站制作建设，传统机械行业网站建设,传统农业行业网站制作建设。在成都做网站,选网站制作建设服务商就选创新互联公司。

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设置为全局变量的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持创新互联。

网页名称：在vue项目中,将juery设置为全局变量的方法
分享链接：http://cqcxhl.cn/article/jgpids.html

重庆分公司，新征程启航

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

其他资讯