vue 变量,vue中定义全局变量的四种方法

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为全局变量的方法就是边肖分享的全部内容。希望能给你一个参考,多多支持我们。

vue 变量,vue中定义全局变量的四种方法