安装jqery/vue配置jqery/测试jqery成功使用

118 阅读1分钟

1. jquery官网

jquery.com/

2. jquery安装指令

npm install jquery

3. 安装完成后注意:

npm install/cnpm install

4. vue配置jquery

vue配置jq.png

源码:

const webpack = require('webpack')
module.exports = {
    configureWebpack: {
        //核心代码添加位置
        plugins: [
        //核心代码
          new webpack.ProvidePlugin({
            $:"jquery",
            jQuery:"jquery",
            "window.jquery":"jquery"
          })
        ],
      },
    }

5. vue的main.js引入

// 引入jqery
import $ from "jquery";

6. vue测试使用成功

console.log($)

打印结果

vue打印jq的$成功.png