前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >vue-cli中使用jquery

vue-cli中使用jquery

作者头像
小小咸鱼YwY
发布2020-06-19 15:59:11
5100
发布2020-06-19 15:59:11
举报
文章被收录于专栏:python-爬虫

一.安装依赖

npm install jquery --save

二.全局导入(必须先安装依赖)

第一步

webpack.base.conf.js里加入(新版的可能找不到这个文件,你可以npm install webpack --save-dev进行手动安装)

代码语言:javascript
复制
var webpack = require("webpack")

第二步

module.exports的最后加入

代码语言:javascript
复制
plugins: [
 new webpack.optimize.CommonsChunkPlugin('common.js'),
 new webpack.ProvidePlugin({
 jQuery: "jquery",
 $: "jquery"
 })
]

第三步

main.js 引入

代码语言:javascript
复制
import $ from 'jquery'  //你做到这一步页面中你直接使用$就是jq了

新版

直接在main.js 引入

代码语言:javascript
复制
import jquery from 'jquery'  //你做到这一步页面中你直接使用$就是jq了

三.单个vue组件导入(必须先安装依赖)

然后在组件的script中

代码语言:javascript
复制
<script>
  import $ from "jquery"   //其实嘛你安装依赖后你在node_modlules文件中的一个文件相对路径而已
  console.log($) //你可以打印瞧瞧
</script>
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2019-10-14 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 一.安装依赖
  • 二.全局导入(必须先安装依赖)
    • 第一步
      • 第二步
        • 第三步
        • 三.单个vue组件导入(必须先安装依赖)
        领券
        问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档