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

vue 变量,vue中定义全局变量的四种方法,在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对象中添加:

插件:[

新的web pack . optimize . commonschunkplugin(' common . js '),

新网络包。提供插件({

jQuery:“jQuery”,

$: 'jquery '

})

]

方法二:

先加入:

const webpack=require('webpack ')

然后:

解决:{

扩展名:['。js ','。vue ','。json'],

别名:{

' vue$': 'vue/dist/vue.esm.js ',

@': resolve('src '),

jquery': 'jquery '

}

},

最后:

插件:[

新网络包。提供插件({

jQuery:“jQuery”,

$: 'jquery '

})

]

3.在app.vue中调用jquery

已安装:函数(){

console . log($);

console.log($('#ss')[0]。innerHTML);

},

打印结果:

以上在vue项目中设置juery为全局变量的方法就是边肖分享的全部内容。希望能给你一个参考,多多支持我们。

郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: