文档章节

VUE项目引入jquery

o
 osc_fmg49rzg
发布于 2019/03/20 14:40
字数 229
阅读 12
收藏 0

精选30+云产品,助力企业轻松上云!>>>

VUE项目引入jquery

 

既然写项目,那么少不了用jq,那我们就引入进来吧

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

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

dependencies:{
  "jquery":"^2.2.1"
}

2、然后在命令行中cnpm install 

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

3、在webpack.base.conf.js中加入一行代码

  var webpack=require("webpack")

  

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

  

1
2
3
4
5
6
7
    plugins: [
   new  webpack.optimize.CommonsChunkPlugin( 'common.js' ),
   new  webpack.ProvidePlugin({
    jQuery:  "jquery" ,
    $:  "jquery"
  })
]

 

  

5、在main.js中引入,加入下面这行代码,全局引入

1
import  $ from  'jquery'

 

 

6、最后一步,重新跑一遍就好,控制台输入npm run dev    

你会神奇的发现,jq可以用了!

o
粉丝 0
博文 500
码字总数 0
作品 0
私信 提问
加载中
请先登录后再评论。
Vue中如何引入BootStrap?

Vue如何引入BootStrap? 一、安装 Node.JS 因为 Vue 依赖于 Node.JS ,所以先要安装 Node.JS (至少8.9版本) 二、安装 VueCli 工具 命令窗口 输入 安装最新版 VueCli 工具 可查看Vue版本 可拉...

别回头丶
2019/09/11
95
0
Vue-学习笔记0-独立项目搭建

前言 搭建Vue+Webpack项目,使用vue-cli搭建项目。 准备 vue独立项目依赖node的npm包管理器,所以需要先安装node。相关的npm常用命令文章: Npm-常用命令,点击访问 Vue官方文档,点击访问 ...

coder立夏
2019/09/23
21
0
vue-cli创建vue项目并引入JQuery和bootstrap

首先默认了有已经安装了node(去node.js官网下载,使用它自带的包管理器npm通过命令下载相关框架、库文件) 1.  npm install -g vue-cli     全局安装vue-cli(一般也都安装了) 2.  ...

osc_5wcf5hfb
2019/08/13
13
0
1. vue+jQuery+bootstrap整合

前端技术栈整合 1. vue-cli的安装   gitbash指令: npm install -g @vue/cli@版本号   注:npm view vue-cli versions --json 查看可用vue版本 2. 利用vue-cli创建项目   gitbash指令:...

osc_vyztkm1b
2019/12/28
22
0
Vue引入jquery有那么麻烦吗?

写一个小demo,有需求要引入jquery,一时间蒙了,就上网搜"怎么在Vue中引入jquery",当然跳出来好多方法,看着就晕,大部分都说要改配置文件,这里怎么怎么,那里怎么怎么,我又不是大项目,没有...

moyiliang
2018/08/06
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Linux系统检查用户账户到期时间

如果你在 Linux 上启用了密码策略。密码必须在到期前进行更改,并且登录到系统时会收到通知。如果你很少使用自己的帐户,那么可能由于密码过期而被锁定。在许多情况下,这可能会在无需密码登...

老孟的Linux私房菜
55分钟前
17
0
关于南京哪里有开餐饮费发票?

关于南京哪里有开餐饮费发票?聚焦餐饮行业,谈话〖18 7一電一7 5 3 8一徴一3331〗研究院昨发布数据显示,今年上半年,全国餐饮行业招聘需求增长46.18%,平均月薪6387元.随着餐饮行业的快速...

点击fojewio
今天
7
0
android studio 4.0 打开DDMS

1、先找到AndroidStudio配置的SDK路径; 2、在SDK的/tools/路径下有个monitor.bat 的批处理文件; 3、鼠标连续点击两下monitor.bat这个批处理文件,在屏幕上会打开一个类似CMD的命令行中输入...

chenhongjiang
今天
10
0
如何在Android中使用SharedPreferences来存储,获取和编辑值

问题: Closed . 已关闭 。 This question needs to be more focused. 这个问题需要更加集中。 It is not currently accepting answers. 它当前不接受答案。 Learn more . 了解更多 。 Want...

fyin1314
今天
6
0
【JDK1.8】LinkedList源码分析

LinkedList的特性 LinkedList内部使用双向链表作为存储结构,LinkedList可以理解为链表的扩展对象,封装了常用的和非常用的操作链表的方法。以及在通过索引获取元素时的简单优化,通常Linke...

XuePeng77
今天
40
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部