Vue2.X中全局或局部使用jquery的$

1. 局部使用

首先在项目中安装jquery
npm i jquery

在需要的模块中引入即可
import $ form ‘jquery’

2.全局使用

安装后需要先在项目根目录下创建 vue.config.js文件
在这里插入图片描述

在其中写入

const webpack = require('webpack')

module.exports = {
    configureWebpack: {
        plugins: [
            new webpack.ProvidePlugin({
                $: 'jquery',
                jQuery: 'jquery',
                'window.jQuery': 'jquery'
            })
        ]
    }
}

最后在 main.js 中引入即可
import $ from 'jquery'


版权声明:本文为weixin_44019816原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。