怎样在vue中使用jquery

在vue中使用jquery的方法：首先通过cnpm命令安装jQuery依赖；然后修改“webpack.base.conf”文件配置；最后在组件中引入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，然后就可以正常使用了

<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中使用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
1.在项目中安装jquery. npm install jquery --save-dev 2.在项目根目录下的build/webpack.base.conf.js文件中: ① 先写以下代码 var ...
关于如何在vue中引入jquery？
相信大家有时候都会遇到在vue的项目中引入jquery,但是不会失效,今天就带领大家手把手在vue项目中引入jquery,亲测有效! 1.安装jquery npm install jquery --s ...
vue 中引入 jquery
1)打开 package.json 文件,在里面加入这行代码,jquery 后面的是版本.如下: dependencies:{"jquery":"^2.2.3" ...
在vue中使用jquery方法
使用以下命令安装 jquery npm install jquery --save 在vue.config.js中配置 const webpack = require('webpack') modul ...
vue中引入jquery方法或 $ is not defined错误解决方法
1.执行安装jquery依赖包命令安装依赖包 cnpm install jquery --save 2.webpack配置 1).在项目根目录下的build目录下找到webpack.base.conf ...
在vue中使用 jquery分页组件
先来看下效果: <!DOCTYPE html> <head><meta http-equiv="Content-Type" content=" ...
个人在使用vue中引入jquery和bootst整理的笔记，开始看了网上很多实例方法，都基本没成功
第一步: npm install jquery --save-dev npm install bootstrap --save-dev npm install --save popper ...
Vue CLI3.0 中使用jQuery 和 Bootstrap
Vue 中使用 jQuery 和 Bootstrap 不是特别符合 Vue 原生的写法,但是有时候又要用,所以放上我的引入设置,供大家参考. 在 Vue CLI2.0 中引入 jQuery 和 Boo ...

怎样在vue中使用jquery

怎样在vue中使用jquery相关推荐

最新文章

热门文章