2019-08-22 v（手把手教学）vue3.0 项目中安装使用jquery

用户4344670

发布于 2019-08-28 11:34:58

1.1K0

发布于 2019-08-28 11:34:58

文章被收录于专栏：vue的实战

第一步：安装

npm install --save jquery

第二步：查看package.json 文件

  "dependencies": {
    "jquery": "^3.4.1",  ///   一定要有这个  没有的话，手动添加
    "@antv/f2": "^3.4.1",
    "core-js": "^2.6.5",
    "vue": "^2.6.10",
    "vue-router": "^3.0.3",
    "vuex": "^3.0.1"
  },

第三步：新创建vue.config.js 文件添加一下代码

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

第四步: 在main.js 中引入

import $ from 'jquery'

效果如下图

antv.gif

代码三步走.png

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2019.08.22 ，如有侵权请联系 cloudcommunity@tencent.com 删除

javascript

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体同步曝光计划，欢迎热爱写作的你一起参与！

javascript

登录后参与评论

0 条评论

热度

2019-08-22 v（手把手教学）vue3.0 项目中安装使用jquery

2019-08-22 v（手把手教学）vue3.0 项目中安装使用jquery

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐