Vue2.0 --- vue-cli脚手架中全局引入JQ

最新推荐文章于 2024-06-11 07:48:09 发布
最新推荐文章于 2024-06-11 07:48:09 发布
阅读量1.7k 收藏 1
点赞数
分类专栏： jQuery vue-js 文章标签： jquery vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sinat_19327991/article/details/78148930
版权

在使用Vue过程中或许下有一些插件出现BUG或者因为一些插件只有JQ有，而不得不在Vue中引入JQ，那么下面就是JQ全局引入的方法

第一步：安装jQuery

npm/cmpn方式安装(默认安装1.7.X版本的JQ)

npm/cnpm install jQuery

如果想安装更高版本的JQ那么可以选择在package.json文件下面这个位置添加代码断（当前图片安装的是2.2.3版本，如果想安装更高或者其他可以更改版本号）

这里写图片描述

然后在命令行窗口中输入指令，即可完成安装

npm install

第二步：更改webpack.base.conf.js文件

在文件指定位置添加代码

最低0.47元/天 解锁文章
豆i浆
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue中引入jq
weixin_38169886的博客
08-27 91
1.cnpm install jquery2.在webpack.base.conf.js中加入一行代码 const webpack=require("webpack") ------------------------------------------ const webpack = require('webpack') 'use strict' const...
关于Vue2.0中引入jQuery
rice__pudding的博客
07-21 2211
1.npm i jquery -S 2.在vue.config.js（无该文件的在根目录创建该文件）中配置 添加configureWebpack中的内容 var webpack = require("webpack") module.exports = { publicPath: "./", lintOnSave: false, devServer: { open: true, host: 'localhost', port: 8080
【Vue】全部导入和按需导入的区别
最新发布
qq_39921135的博客
06-11 338
目标：明确和的区别区别：1.全部导入会引起项目打包后的体积变大，进而影响用户访问网站的性能2.按需导入只会导入你使用的组件，进而节约了资源对于移动端需要性能这么高的场景，更加推荐按需导入。
vue-cli2.0引用jquery
加菲猫的鳄鱼的博客
05-16 783
关于vue引用jquery的注意事项。 1：你在vue-cli文件中打开命令行。通过npm来下载jquernpm install jquery --save，不过我一直用的淘宝镜像 cnpm install jquery --save。 下载好后你可以去package.json 查看jquery是否下载下来 2：找到build文件下的webpack.base.conf.js 文件，我们需...
vue项目引入jquery
lll19960406的博客
07-08 725
有时候想在项目中使用一下jquery， 第一步，先安装依赖 npm install jquery --save 第二步，配置webpack，我这边是vue2.0 在build目录下找到webpack.base.conf.js文件 随后引入var webpack = require('webpack') 在module.exports中暴露以下代码 　　plugins: [ 　　　　...
vue-cli中使用jquery
董小礼的博客
05-28 3802
在于后台数据交互时，出现跨域问题，后台试了各种方法，都不好用我也换了很多种，resource,axios,mui的，原生的都不好用，只有jquery可以访问到数据，这就很难受了，无奈之下只好引入jquery    1.npm install jquery --save-dev      2.找到build文件夹下的webpack.base.conf.js 第一行加入     var webpack...
vue2.0-vuex2.0-demo-jianshu
03-28
vue2.0-demo-jianshu 用Vue2.0全家桶建造的简书网站，这是一个前连通到的整体网站，包括了数据库配置。前端采用Vue2.0，服务端采用Express框架 构建设置 # install dependencies npm install # serve with hot ...
vue2.0-devtools谷歌浏览器调试工具和vue3.0-devtools谷歌浏览器调试工具
08-19
该资源包括vue2.0-devtools谷歌浏览器调试工具和vue3.0-devtools谷歌浏览器调试工具，具体安装方法参考我的博客https://blog.csdn.net/dxnn520/article/details/121088688，如还不会，可私信我。
vue2.0-typescript-element-admin:这是一个后台管理系统模板
03-08
打字稿vue2.0元素 项目设置 npm install 编译和热重装以进行开发 npm run serve 编译并最小化生产 npm run build 整理和修复文件 npm run lint 自定义配置 请参阅。
Vue2.0-渐进式前端解决方案
07-22
资源名称：Vue2.0- 渐进式前端解决方案内容简介：Vue.js作为一个后起的前端框架，借鉴了Angular 、React等现代前端框架/库的诸多特点，并且 取得了相当不错的成绩。Vue.js的定位是一个渐进式框架，作者的说法是：与...
vue2.0基于vue-cli+element-ui制作树形treeTable
10-17
主要介绍了vue2.0基于vue-cli+element-ui制作树形treeTable，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
Vue-cli脚手架将组件挂载到全局
阿宝的博客
01-29 412
vue将组件注册为全局
Vue脚手架及组件的使用
2302_76703265的博客
01-02 944
在 Vue 中，组件是可复用的 Vue 实例，其中包含了 HTML、CSS 和 JavaScript 代码。通过组件，我们可以将一个大型应用拆分成多个小型、易于管理的部分，并且可以重复使用这些部分。
Vue创建全局、局部组件及父组件向子组件传递方法
qq_65715980的博客
08-04 1258
1.首先搭建脚手架，并运行，确保搭建成功。2.创建两个vue文件，CompreHensive.vue文件作为创建全局变量使用，OneSided.vue作为局部变量使用(特别注意使用驼峰命名法，不然容易报错)。3.在创建全局变量前要在main.js中配置配置全局变量,在进行全局注册组件时变量名要用-隔开或者使用驼峰命名法。4.再创建的CompreHensive.vue文件，template里面写html内容，script里面写js内容，style里面谢css样式，进行js命名时要用驼峰命名法。...
【一】Vue的第一个脚手架项目 全局组件和局部组件的定义
weixin_43803985的博客
08-02 1359
一个刚配置好的工程文件，首先接触到的是分析工程架构 build：针对一些命令的打包配置和工具 cnnfig：项目的基本配置、相关测试、生产环境的启动端口、不同的配置有自己不同的配置文件 node-modules：有命令 npm i或（cnpm i）自动生成的node使用插件的位置，一般打包或者通过版本控制会忽略 src：为开发者编写代码位置 （1）assets：存放静态页面和静态...
vue引入JQ的方法
alifj9932的博客
03-18 799
在vue中引入jq 用vue-cli脚手架工具构建项目成功后 当需要引入JQ，可用以下方法： 1.首先在package.json里的dependencies加入"jquery" : "^3.2.1"， 2.在终端里输入npm install jquery --save-dev当然用 淘宝镜像cnpm也是可以的 注意：jquery 一定要小写 不然会提...
vue里面引入jq的方法
u011927449的博客
07-16 856
1：因为已经安装了vue脚手架，所以需要在webpack中全局引入jquery 打开package.json文件，在里面加入这行代码，jquery后面的是版本，根据你自己需求更改。 dependencies:{ "jquery":"^2.2.3" } 　　 然后在命令行中cnpm install 大多人应该都是使用的淘宝镜像，所以使用cnpm，如果你不是 ，可以使用npm安装。 2：在webpack.base...
Vue Cli 中使用 jQuery
weixin_45257087的博客
04-28 2527
Vue Cli 中使用 jQuery 方式一： 1、安装 jquery npm install jquery 2、在想要使用 jQuery 的文件里面引入即可： import $ from 'jquery 注意：如果要在 main.js 文件里面引入 jQuery ，则需要这样加： import $ from 'jquery' window.$ = $ //原因：设置变量但未使用，编辑器会报错。 不要这样添加： 【import $ from ‘jquery’ Vue.use（$）】，否则出现
vue-cli webpack全局引入jquery
jjsnc
07-26 1988
1：首先在package.json里加入dependencies:{ "jquery" : "^2.2.3" }2：然后 npm install3：在webpack.base.conf.js里加入var webpack = require("webpack")4： module.exports的最后加入plugins: [ new webpack.optimize.CommonsChunkPlu
vue2.0-vue3.0
09-23
Vue2.0和Vue3.0是Vue框架的两个主要版本。Vue2.0是目前使用最广泛的版本，而Vue3.0是在Vue2.0的基础上进行了一些重大改进和优化。Vue3.0引入了一些新的特性和改进，例如使用Proxy替代defineProperty来实现更好的响应式数据绑定，支持碎片（Fragments）等。此外，Vue3.0还提供了兼容Vue2.0和Vue3.0的运行环境，并且可以在TypeScript下使用。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值