资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

vue中如何引入jquery-创新互联

这篇文章主要介绍了vue中如何引入jquery,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。

创新互联公司于2013年成立,是专业互联网技术服务公司,拥有项目成都网站建设、网站设计网站策划,项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命,1280元徐水做网站,已为上家服务,为徐水各地企业和个人服务,联系电话:028-86922220

vue中引入jquery的方法

1:因为已经安装了vue脚手架,所以需要在webpack中全局引入jquery

打开package.json文件,在里面加入这行代码,jquery后面的是版本,根据你自己需求更改。

    dependencies:{

  "jquery":"^2.2.3"

       }

然后在命令行中cnpm install

大多人应该都是使用的淘宝镜像,所以使用cnpm,如果你不是 ,可以使用npm安装。

2:在webpack.base.conf.js中加入一行代码

let webpack=require("webpack")

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

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

4:在main.js中引入,加入下面这行代码

   import $ from 'jquery'

5:最后一步,重新跑一边就好,cnpm run dev

感谢你能够认真阅读完这篇文章,希望小编分享的“vue中如何引入jquery”这篇文章对大家有帮助,同时也希望大家多多支持创新互联网站建设公司,,关注创新互联行业资讯频道,更多相关知识等着你来学习!


当前题目:vue中如何引入jquery-创新互联
文章出自:http://cdkjz.cn/article/cdecgd.html
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

大客户专线   成都:13518219792   座机:028-86922220