vue-cli3搭建的vue项目中使用jquery

时间：2020-07-03 20:30:09 收藏：0 阅读：108

装包：npm install jquery --save

方式一全局使用

1）main.js中引入

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

2）更改vue.config.js

const webpack = require(‘webpack‘)

configureWebpack: {
    plugins: [
        new webpack.ProvidePlugin({
        $: ‘jquery‘,
        jQuery: ‘jquery‘,
        ‘windows.jQuery‘: ‘jquery‘
        })
    ]
}

技术分享图片

3）重要！！！.eslintrc.js中添加节点，否则编译会报错

jquery: true

技术分享图片

方式二组件中使用（直接引用即可）

import $ from ‘jquery‘

此外：jquery要使用的话最早要在 mounted中

参考文章： https://blog.csdn.net/qq_35430000/article/details/80960423

https://www.cnblogs.com/JahanGu/p/12667784.html

原文：https://www.cnblogs.com/yejunm3/p/13232055.html