vue引入jq插件的实例讲解

这篇文章主要为大家详细介绍了vue引入jq插件的实例讲解，具有一定的参考价值，可以用来参考一下。

对此感兴趣的朋友，看看idc笔记做的技术笔记！

今天做官网，把unslider做成指令，但是一直提示$(el).unslider() no a function，一开始我想复杂了，后来在网上看了很多帖子，大多数都是修改webpack.base.config.js，仔细尝试，网上确实是对的，尝试过程中，提醒大家最好把这3个加全，比如unslider插件，(function(){})(window.jQuery)

代码如下：

{
  jQuery: "jquery",
  "window.jQuery": "jquery",
  $: "jquery"
 }

修改webpack.base.conf.js

代码如下：

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

【512pic.com温馨提示：图片暂缺】

【512pic.com温馨提示：图片暂缺】

以上这篇vue引入jq插件的实例讲解就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持php教程。

注：关于vue引入jq插件的实例讲解的内容就先介绍到这里，更多相关文章的可以留意