在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设置为全局变量的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
您可能感兴趣的文章:
vue+webrtc(腾讯云) 实现直播功能的实践
2021-11-11
手把手教你搭建vue3.0项目架构
2021-11-11
Vue导入excel表,导入失败的数据自动下载
2021-11-11
vue3.0报错Cannot find module‘worker_threads‘的解决办法
2021-11-11
Vue中的局部组件介绍
2021-11-11
Vue中路由守卫的具体使用
2021-11-11
详解Vue与VueComponent的关系
2021-11-11
vue关闭浏览器退出登录的实现示例
2021-11-11
美国设下计谋,用娘炮文化重塑日本,已影响至中国
2021-11-19
时空伴随者是什么意思?时空伴随者介绍
2021-11-09
工信部称网盘企业免费用户最低速率应满足基本下载需求，天翼云盘回应：坚决支持，始终
2021-11-05
2022年放假安排出炉：五一连休5天 2022年所有节日一览表
2021-10-26
电脑版
-
返回首页
2006-2023 脚本之家 JB51.Net , All Rights Reserved.
苏ICP备14036222号
