美文网首页
vue中引入jquery

vue中引入jquery

作者: monkeyfly36 | 来源:发表于2019-01-15 15:30 被阅读0次
  1. npm install jquery --save
dependencies:{
  "jquery":"^2.2.1"
}

2.在webpack.base.conf.js中加入一行代码
var webpack=require("webpack")

 var webpack = require('webpack')
 'use strict'
 const path = require('path')
 const utils = require('./utils')
 const config = require('../config')
 const vueLoaderConfig = require('./vue-loader.conf')

在webpack.base.conf.js中module.exports的最后加入这行代码,

  plugins: [
  new webpack.optimize.CommonsChunkPlugin('common.js'),
  new webpack.ProvidePlugin({
    jQuery: "jquery",
    $: "jquery"
  })
    ],
  resolve: {
    extensions: ['.js', '.vue', '.json'],
    alias: {
      'vue$': 'vue/dist/vue.esm.js',
      '@': resolve('src'),
    }
  },

3.在main.js中引入,加入下面这行代码,全局引入

import $ from 'jquery'

参考地址:https://www.cnblogs.com/eyed/p/7850946.html

相关文章

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