美文网首页Vue生态圈
vue中引入JQuery

vue中引入JQuery

作者: 知足常乐晨 | 来源:发表于2018-09-14 10:02 被阅读5次

install

全局安装jquery

npm install jquery --save-dev

修改webpack.base.config.js

var webpack = require("webpack") 

module.exports = {
...
plugins: [
    new webpack.optimize.CommonsChunkPlugin('common.js'),
    new webpack.ProvidePlugin({
      jQuery: "jquery",
      $: "jquery"
    })
  ]
...
}

修改main.js

import $ from 'jquery'

这样就已经在全局引入jquery的$变量,可以在script标签中使用jquery啦

相关文章

  • 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/fjwngftx.html