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.$ = $

巴特西

vue使用--Jquery引入

最新文章

热门文章