VUE-cli中使用jquery

简介: VUE-cli中使用jquery

步骤:

全局安装:

npm install jquery --save

组件内使用方法:
直接引用即可

import $ from 'jquery'

全局用法:
main.js中引入

// jquery
import $ from 'jquery'
Vue.prototype.$ = $;

更改vue.config.js

const webpack = require('webpack')
 
configureWebpack: {
    plugins: [
        new webpack.ProvidePlugin({
        $: 'jquery',
        jQuery: 'jquery',
        'windows.jQuery': 'jquery'
        })
    ]
}

.eslintrc.js中添加节点,否则编译会报错

jquery: true

在这里插入图片描述

相关文章
|
前端开发 JavaScript
在 vue-cli 脚手架中引用 jQuery、bootstrap 以及使用 sass、less 编写 css [vue-cli配置入门]
写在前面: 本文是vue-手摸手教你使用vue-cli脚手架-详细步骤图文解析之后,又一篇关于vue-cli脚手架配置相关的文章,因为有些文章步骤不够清晰,当时我引入JQuery、bootstrap的时候颇费了一番功夫,所以本文的步骤会尽量详细一点。有需要的朋友可以做一下参考,喜欢的可以点波赞,或者关注一下,希望可以帮到大家。 引入bootstrap 1. 下载所需要的bootstrap文件。 将要使用的bootstrap文件放入src目录下的assets文件夹中。 2. 在入口文件src/main.js中引入bootstrap import './assets/bootstrap-3.3.7
330 0
在 vue-cli 脚手架中引用 jQuery、bootstrap 以及使用 sass、less 编写 css [vue-cli配置入门]
|
JavaScript
vue-cli搭建项目引入jquery和jquery-weui步骤详解
版权声明:本文为博主原创文章,如需转载,请标明出处。 https://blog.csdn.net/alan_liuyue/article/details/79904327 vue简介    Vue.js 是一套用于构建用户界面的渐进式框架。
2421 0
|
4月前
|
JavaScript
jquery无限循环内容滑块插件
jquery无限循环内容滑块插件
|
4月前
|
JavaScript
jQuery响应式内容选项卡插件
jQuery响应式内容选项卡插件
|
4月前
|
JavaScript
简单轻量级的jquery图表插件
简单轻量级的jquery图表插件
|
4月前
|
JavaScript 前端开发
百叶窗效果的jQuery幻灯片插件
百叶窗效果的jQuery幻灯片插件
|
4月前
|
JavaScript 前端开发
带完成百分比的jQuery表单插件
带完成百分比的jQuery表单插件
|
4月前
|
JavaScript 内存技术
支持多种动画特效的响应式jQuery幻灯片插件
支持多种动画特效的响应式jQuery幻灯片插件
|
6月前
jQuery+Slick插件实现游戏人物轮播展示切换源码
jQuery+Slick插件实现游戏人物轮播展示切换源码
78 14
|
7月前
|
JavaScript
jquery文字动画特效插件animatext
jquery文字动画特效插件animatext
201 9