在vue项目中,将juery设置为全局变量的方法 - 行业资讯 - 肥雀云

<强> 1。首先执行:npm安装jQuery, save-dev在package.json里加入jQuery。

<强> 2。修改构建下的webpack.base.conf.js

首先加入:

　　　　　　const webpack=要求(“webpack”) 　　　　

然后在模块。出口对象中加入:

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

　　　　　　插件:[ 　　新的webpack.optimize.CommonsChunkPlugin (“common.js”), 　　新webpack.ProvidePlugin ({ 　　jQuery:“jQuery”, 　　美元:“jquery” 　　}）　　) 　　　　

<强>先加入:

　　　　　　const webpack=要求(“webpack”) 　　　　

<>强然后:

　　　　　　解决:{ 　　扩展:['。js ', '。vue ', ' . json), 　　别名:{ 　　“vue美元”:“vue/dist/vue.esm.js”, 　　“@”:解决(“src”), 　　“jquery”:“jquery” 　　} 　　}, 　　　　

<强>最后:

　　　　　　插件:[ 　　新webpack.ProvidePlugin ({ 　　jQuery:“jQuery”, 　　美元:“jquery” 　　}）　　) 　　　　

<强> 3。在应用程序。vue中调用jquery
　　

　　　　　　安装:函数(){ 　　console.log(美元); 　　console.log($(' #党卫军')[0].innerHTML); 　　}, 　　　　

打印结果:

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

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