vue中如何引入jquery详解
用vue-cli脚手架工具构建项目成功后 当需要引入JQ,可用以下方法:
1.首先在package.json里的dependencies加入”jquery” : “^3.2.1”,
2.在终端里输入npm install jquery –save-dev 当然用 淘宝镜像 cnpm 也是可以的
注意:jquery 一定要小写 不然会提示 Please use ‘jquery’ (all lowercase)
3.找到build文件夹下的webpack.base.conf.js文件,打开,添加:
var webpack=require(‘webpack’)
在module.exports里输入:
plugins: [
new webpack.ProvidePlugin({
$:”jquery”,
jQuery:”jquery”,
“windows.jQuery”:”jquery”
})
],
4.在入口文件main.js中输入:
import $ from ‘jquery’
5.在终端输入npm run dev 就欧克了
6.验证方法 在APP.vue里进行验证 看图:
注明出处 https://blog.csdn.net/MM1098/article/details/78836156
vue中如何引入jquery详解相关推荐
- keep alive PHP,vue中keep-alive使用方法详解
这次给大家带来vue中keep-alive使用方法详解,vue中keep-alive使用的注意事项有哪些,下面就是实战案例,一起来看一下. 1.keep-alive的作用以及好处 在做电商有关的项目中 ...
- Vue 中的 ref 属性详解
Vue 中的 ref 属性详解 我们先来读一下vue的官方文档 我们来分析官方文档 首先ref的引用是相当于一个DOM节点(如果是子组件则指向的是其实例),而且是一个string类型的值. 通俗的将就 ...
- Vue中process.env.NODE_ENV详解
一文弄懂如何在 Vue 中配置 process.env.NODE_ENV 最近在研习 vue.config.js 文件,发现一行,甚是费解. process.env.NODE_ENV 查阅资料后,发现 ...
- 【CSDN软件工程师能力认证学习精选】Vue 中的事件处理机制详解
CSDN软件工程师能力认证(以下简称C系列认证)是由中国软件开发者网CSDN制定并推出的一个能力认证标准.C系列认证历经近一年的实际线下调研.考察.迭代.测试,并梳理出软件工程师开发过程中所需的各项技 ...
- Vue中created和mounted详解
目录 一.生命周期概念 二.浏览器渲染过程 三.生命周期中的浏览器渲染 beforeCreate阶段 created阶段 beforeMount阶段 mounted阶段 四.使用场景 五.常见相关问题 ...
- Vue 中的 Render 全面详解 (渲染函数 JSX)
相信大家都或多或少的在 code 中见过 或使用过 Render,如果你对它还是一脸懵逼,那就快上车!今天就带你来盘它.附 Element 表格自定义全选示例. 文章目录 一.Render 的资料简介 ...
- Vue中keep-alive的使用详解
1.概念: keep-alive是Vue的内置组件,当它包裹动态组件时,会缓存不活动的组件实例,而不是销毁. 2.作用: 用来缓存组件,避免多次加载相同的组件,减少性能消耗,提高用户体验. 3.使用方 ...
- VUE中 ref $refs 使用详解,扩展到$parent 、$children 的使用
$refs 的使用方法就是在元素或组件标签上添加ref属性指定一个引用信息,引用信息将会注册在父组件的$refs对象上,在js中使用$refs来指向DOM元素或组件实例: 应用一:在DOM元素上使用$ ...
- vue中Mixin和extends详解
一.认识Mixin 目前我们使用组件化开发方式来开发应用程序,但是在不同组件之间存在一些相同的代码逻辑,此时我们希望对相同的代码逻辑 进行抽取. 在vue2和vue3中都支持使用Mixin来解决,Mi ...
最新文章
- jquery and jquery validation 常见问题解决
- 高速缓存系统之redis c++使用实例
- mongo基础---增删改查
- Java web项目报错 Java compiler level does not match the version of the installed Java project facet.
- yml的基本语法,以及java读取yml文件
- 转: 自适应css布局—-流动布局新时代(译文)
- ul在Firefox和IE下的不同表现
- #pragma push_macro(new) 及扩展操作
- 网络安全基础知识面试题库
- 常用的一些vba代码
- 无法识别 移动固态硬盘_固态硬盘不识别怎么办 固态硬盘不认盘解决方法介绍...
- git 下载慢的问题解决
- 修路【NOIP2016提高组模拟】
- 华硕鹰眼ZenFone Zoom推动潮流:比肩专业相机几率几何?
- 卧槽!全网最全编程学习网站汇总!还不赶快放到收藏夹里吃灰~
- IEEE Conference Template Letter
- Android中Gson使用,flutter调用原生sdk
- ARM学习笔记:HC-SR501人体红外传感器
- 敏捷管理第三章《敏捷理解》
- python处理实验数据,Python在热敏电阻测量实验数据处理中的应用