美文网首页
vue-cli3 中引入 Jquery vue中配置Jqu

vue-cli3 中引入 Jquery vue中配置Jqu

作者: 装装_1ad7 | 来源:发表于2019-11-07 16:53 被阅读0次

1.安装query


npm install jquery --save

package.json中指定版本号,然后运行npm install命令


"dependencies": {

    "jquery": "^3.4.1"

}


npm install

2. 配置vue.config.js

vue.config.js


const webpack = require('webpack')

module.exports = {

    configureWebpack: {

        plugins: [

            new webpack.ProvidePlugin({

                $: "jquery",

                jQuery: "jquery",

                "windows.jQuery": "jquery"

            })

        ]

    }

}

3. 配置 $

main.tsmain.js中配置


import $ from 'jquery'

Vue.prototype.$ = $

此生入这华夏,我是半点未曾后悔过

相关文章

  • vue-cli3 中引入 Jquery vue中配置Jqu

    1.安装query 或 在package.json中指定版本号,然后运行npm install命令 2. 配置vu...

  • jQuery的基本使用

    这篇来说如何来使用jQuery? Ⅰ、jQuery的引入 ①一般引入:使用jQuery只需要在页面的 中引入jQu...

  • vue-cli3 中引入 JQuery

    第一步: 第二步: 模板: 第三步: 第四步:重启项目 第五步:使用方法

  • vue-cli3 vue.config.js中如何配置loade

    vue-cli3 vue.config.js中如何配置loader 该配置方法可以配置多个loader, 代码如下...

  • jQuery的安装

    我们在实际项目中,如果要使用 jQuery,则需要先下载 jQuery 库,然后把它引入到要使用的网页中。 jQu...

  • jQuery的安装

    我们在实际项目中,如果要使用 jQuery,则需要先下载 jQuery 库,然后把它引入到要使用的网页中。 jQu...

  • 写一个vue的showtoast插件

    vue按需引入toast需要单独配置,vue-cli2和vue-cli3配置还不一样;所以写个基于vue工程使用的...

  • Vue中引入jQuery

    首先新建一个vue-cli项目,vue新建项目步骤可参考https://www.jianshu.com/p/914...

  • vue中引入JQuery

    install 全局安装jquery 修改webpack.base.config.js 修改main.js 这样就...

  • Vue中引入Jquery

    1、安装 2、配置 在build中 webpack.base.conf.js中,开头添加以下代码 然后在modul...

网友评论

      本文标题:vue-cli3 中引入 Jquery vue中配置Jqu

      本文链接:https://www.haomeiwen.com/subject/iimvbctx.html