Vue笔记——Vue组件中引入jQuery

如果想在普通的HTML页面引入jQuer库的话，直接使用<script src="jQuery.js"></script>即可。但是如果要在Vue组件中使用jQuery库的话，使用这样的方式就不行了，需要使用以下方法

一、安装jQuery依赖

在使用jQuery之前，我们首先要通过以下命令来安装jQuery依赖：

npm install jquery --save# 如果你更换了淘宝镜像，可以使用cnpm来安装，速度更快
cnpm install jquery --save

二、修改配置文件

完成安装jQuery依赖之后，我们要修改 webpack.base.conf 文件配置文件。注意我现在的Vue版本是2.9，如果你使用的是Vue3.x版本的话，这个配置文件的位置可能不一样，需要你在项目中找一下。

首先添加一行代码，引入webpack，如下图所示：

其次是在下图的位置，添加代码配置jQuery插件：

三、在组件中引入jquery，进行使用

我们想在哪个组件中使用jQuery库，首先要使用如下命令引入jquery，然后就可以正常使用了

import $ from 'jquery'

比如我们要在 App.vue组件中使用jQuery，实例代码如下：

<template><div id="app"></div>
</template><script>import $ from 'jquery'export default {name: 'App',components: {},data: function () {return {}},created:function(){console.log($('#app'));}}
</script><style></style>

Vue笔记——Vue组件中引入jQuery相关推荐

vue学习笔记十：Vue中引入jquery
文章目录前言一.引入方式 1.使用Vue CLI 创建的项目 2.直接引入vue方式的项目二.使用方法 1.使用Vue CLI 创建的项目 2.直接引入vue方式的项目总结前言本篇实现vu ...
vue中引入jquery报错问题
vue-cli搭建的vue项目中使用到jquery插件,需要引入jquery, 在无任何配置的情况下,直接在组件中import引入,在mounted时候打印$ 会显示undefined报错问题, 感觉 ...
关于如何在vue中引入jquery？
相信大家有时候都会遇到在vue的项目中引入jquery,但是不会失效,今天就带领大家手把手在vue项目中引入jquery,亲测有效! 1.安装jquery npm install jquery --s ...
[vue] vue在组件中引入插件的方法有哪些？
[vue] vue在组件中引入插件的方法有哪些? 插件通常用来为 Vue 添加全局功能.插件的功能范围没有严格的限制--一般有下面几种:添加全局方法或者属性.如: vue-custom-element ...
在vue单页应用中使用jquery
记录一个今天用到的vue-cli建立的应用中引入jquery的方式. 首选通过npm安装jquery npm install jquery --save 在build/webpack.base.con ...
在vue单页应用中使用jquery 1
记录一个今天用到的vue-cli建立的应用中引入jquery的方式. 首选通过npm安装jquery npm install jquery --save 复制代码在build/webpack.bas ...
[vue] 在子组件中怎么访问到父组件的实例？
[vue] 在子组件中怎么访问到父组件的实例? 通过this.$parent 个人简介我是歌谣,欢迎和大家一起交流前后端知识.放弃很容易, 但坚持一定很酷.欢迎大家一起讨论主目录与歌谣一起通关前 ...
vue之ele组件中input表单限制输入字符
目录 vue之ele组件中input表单限制输入字符 input只能输入数字 input 只能输入中文 vue之ele组件中input表单限制输入字符 input只能输入数字 <!-- 描述 ...
Vue：Vue的element组件中的el-row的属性gutter什么意思？
Vue:Vue的element组件中的el-row的属性gutter什么意思? 资源 gutter elementui中gutter和offset的区别

Vue笔记——Vue组件中引入jQuery

Vue笔记——Vue组件中引入jQuery

一、安装jQuery依赖

二、修改配置文件

三、在组件中引入jquery，进行使用

Vue笔记——Vue组件中引入jQuery相关推荐

最新文章

热门文章