Vue中引入jQuery

作者: 前端来入坑 | 来源:发表于2018-10-29 18:08 被阅读16次

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

npm install jquery --save

package.json中多了"jquery": "^3.3.1"

安装jquery.png

配置文件 const webpack = require('webpack')
plugins:[ new webpack.ProvidePlugin({ $: 'jquery', jQuery:'jquery' }) ],

webpack.base.conf.js配置.png

在main.js中引入jqueryimport $ from 'jquery'

main.js中引入jquery.png

在app.vue使用jquery获取vue图片logo

QQ截图20181026140922.png.png jquery获取vuelogo演示.gif

要是安装失败的朋友可以试下我这个成功案例
http://note.youdao.com/noteshare?id=d8b8b43b79461899aaa40403068d9257
npm installnpm run dev

相关文章

  • vue中使用第三方插件

    vue中使用swiper.js vue-cli中引入jQuery 1.npm install jquery –sa...

  • 本期小结(一)

    vue★ Vue中引入jQuery vue使用element-ui vue的v-cloak使用 vue动态组件 v...

  • Vue中引入JQuery和Bootstrap方法

    一、Vue中引入JQuery 1、因为已经安装了vue-cli脚手架,所以需要在webpack中全局引入jquer...

  • 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中引入JQuery

    原文:http://www.cnblogs.com/pandabunny/p/5417938.html 今天费了一...

  • vue中引入jquery

    第一步:下载jquery npm install jquery --save-dev 第二步:修改配置文件 在we...

  • vue中引入jquery

    1. 在vue中引入jquery 2. 在根目录下的build/webpack.base.config.js先写:...

  • vue中引入jquery

    npm install jquery --save 2.在webpack.base.conf.js中加入一行代码v...

网友评论

    本文标题:Vue中引入jQuery

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