vue -- 正确的引入jquery

Posted 2020-10-26 adoctors

虽然vue中尽量不要使用jquery，但有时因为业务需求也不得不引入。

下载依赖

npm i jquery --save

全局配置的方法：

在webpack.base.conf.js里加入：

var webpack = require("webpack")

//在module.exports的最后加入
plugins: [
    new webpack.ProvidePlugin({
        jQuery: "jquery",
        $: "jquery"
    })
]

或者不用上面的配置在需要的文件中直接引入：

import $ from ‘jquery‘

如此这般，就可以愉快的玩耍了~