vue使用--Jquery引入

  为什么要引入jquery?

  vue中一般不需要使用jquery,但当我们需要使用的某个插件没有vue的版本且又使用了jquery,那我们就需要引入jquery了

  安装、配置与使用

  ①install,执行以下命令

npm install jquery --save     //如果使用了淘宝镜像可以使用cnpm

  ②配置,webpack.base.conf.js

//...原有代码

//添加的代码
var webpack = require('webpack')

module.exports = {
    //...原有代码
    plugins: [
      new webpack.ProvidePlugin({
        $: "jquery",
        jQuery: "jquery",
        jquery: "jquery",
        "window.jQuery": "jquery"
      })
    ],

    //...原有代码
}

  ③使用

   安装配置完成后我们就可以在需要使用的组件中使用了,在需要的位置引入即可 

import $ from 'jquery'

  如果需要全局设置可以放到app.vue中引入

import $ from 'jquery'
//
//let $ = require('jquery')
//window.$ = $

猜你喜欢

转载自www.cnblogs.com/xihao/p/11431374.html