vue2源码学习第17页

vue2自定义封装图片预览组件

前言：预览图片现在已经有成熟的组件了，比如elementui的图片预览功能，但是现实开发过程中，elementui图片预览已经不满足需求了，比如涉及预览时删除图片以及下载图片自定义封装图片预览组件功能：滚轮滚动图片放大、还原图片、左旋转、右旋转、上一张、下一张、删除图片、预览大图参数传入：是否显示图片、图片的url、图片预览图的宽度、图片预览图的宽度、预览列表1、布局这里的布局根据需求有两种，一种

前端搬砖达人·2024-01-20 20:31

VUE2.0音乐JSONP封装

1）项目先安装原JSONPnpminstalljsonp--save2）在src的common通用文件里的js新建jsonp.js用于封装原JSONP内容importoriginJsonpfrom'jsonp'//引入原jsonpexportdefaultfunctionjsonp(url,data,option){url+=(url.indexOf('?'){//返回Promise对象origi

LeungJhowe·2024-01-20 19:46

vue3中l和vue2中v-model不同点

vue2比较让人诟病的一点就是提供了两种双向绑定：v-model和.sync，在vue3中，去掉了.sync修饰符，只需要使用v-model进行双向绑定即可。

_处女座程序员的日常·2024-01-20 17:06

vue2中.sync修饰符和v-model的区别

相同点:都是语法糖,都可以实现父子组件中的数据的双向通信;不同点:格式不同:v-model=“age”,:age.sync=“age”绑定的事件不同:v-model:@input+:value,:age.sync:@update:agev-model只能使用一次,.sync修饰符可以使用多次。父组件子组件减少添加年龄默认值是：{{age}}姓名默认值是：{{name}}改变年龄改变姓名export

_处女座程序员的日常·2024-01-20 16:34

vue2.0和vue3.0的区别

vue2与vue3的区别更小vue2采用的是面向对象编程，vue3采用函数式编程更快vue3修改了细腻dom算法，只针对变化的层进行diff，而vue2是对所有的dom进行diff加强typescript

wjing静·2024-01-20 16:58

Django+Vue+ElementUI实现的权限控制系统

项目介绍一款Python语言基于Django、Vue2.x、ElementUI、MySQL等框架精心打造的一款模块化、高性能、企业级的敏捷开发框架，本着简化开发、提升开发效率的初衷触发，框架自研了一套个性化的组件

沙拉.伊万卡·2024-01-20 16:31

Spring源码学习

源码学习前提版本：5.3.10形式：注册形式-AnnotationConfigApplicationContext（AppConfig.class）学习内容spring启动注册过程this()阶段创建AnnotationConfigApplicationContext

原来~如此·2024-01-20 15:57

Vue 2生命周期已达终点，正式结束使命

然而，技术的发展是无法阻挡的，随着2024年的到来，Vue2的生命周期也走到了尽头，宣告了它的正式结束（2023年12月31日）。首先，让我们回顾一下Vue2的一些亮点和特性。

粘木氏.嘚啵儿·2024-01-20 14:08

2024 年 Vue.js 会发生什么?

Vue2生命周期结束随着Vue.js社区的不断发展，2024年标志着Vue2生命周期的结束，这是一个重大转变。这一转变标志着向更高级版本的转变，强调开发人员需要升级其技能和应用程序。

这我可不懂·2024-01-20 14:08

Vue+Element-ui实例_日历排班(自定义)

在日常开发需求中，可能会遇到给员工进行排班的需求，如果只是在table表格中显示，会显得枯燥、不直观，今天我们就来写一个可以自定义的日历排班功能，用的是vue2+element-ui。

徐小硕·2024-01-20 13:20

vue项目开发常用的依赖

声明：这是目前碰到过的，后续还会补充elementuiElement，一套为开发者、设计师和产品经理准备的基于Vue2.0的桌面端组件库vue-routerVueRouter是Vue.js官方的路由管理器

无知的小菜鸡·2024-01-20 13:47

手写Vue2源码

手写Vue2使用rollup搭建开发环境使用rollup打包第三方库会比webpack更轻量，速度更快首先安装依赖npminit-ynpminstallrolluprollup-plugin-babel

szx的开发笔记·2024-01-20 13:13

Vue2中按需引入vant2

Vue2项目，安装Vant2：npmivant@latest-v2-S安装vant官方提供的插件#安装插件npmibabel-plugin-import-D在babel.config.js中配置module.exports

Bubluu·2024-01-20 11:16

vue2 + antd 封装动态表单组件（二）

前置条件，请先浏览vue2+antd封装动态表单组件（一）需求场景，当国家控件选择为“美国”时，要求：禁用“姓名”输入框隐藏“兴趣爱好”多选框“个人简介”由选填改为必填动态表单组件dynamic-form.vue

guizi0809·2024-01-20 11:38

vue2 + antd 封装动态表单组件（一）

前提条件vue2版本@2.6.14AntDesignofVue版本@1.7.8封装步骤在src目录创建components文件夹，并创建dynamic-form.vue文件在dynamic-form.vue

guizi0809·2024-01-20 11:08

[GN] Vue3快速上手1

vue-cli创建VUE3.0VUE3.0介绍CompositionAPI首要配置setupref函数reactive函数toRefs与toRef计算属性与监视1.computed函数2.watch函数总结前言Vue2

GGood_Name·2024-01-20 08:25

vue解决部署文件缓存方式

vue2配置打包输出文件名方式：constbaseUrl=".

LingRuiBin·2024-01-20 07:25

v-if和v-for哪个优先级更高?

结论：vue2输出的渲染函数是先执行循环，在看条件判断，如果将v-if和v-for写在一个标签内，哪怕只渲染列表中的一小部分，也要重新遍历整个列表，无形造成资源浪费。

程序员-小许·2024-01-20 05:27

vue-cal 使用教程

目录0.介绍及效果展示1.vue2环境安装2.页面引入3.使用4.效果图0.介绍及效果展示vue-cal组件比较灵活，可以随意切换年、月、周、日、时间历图，放几张截图看下效果1.vue2环境安装vue3

小菜花29·2024-01-20 05:24

Vue2.0 组件components

组件三部曲定义组件-->注册组件-->使用组件案例思路：组件传参父传子-->newVue({el:"#app",//02注册组件components:{step},data(){return{r:100,}}})//01定义组件varstep={template:`-=max">+`,props:{//props接受父组件传递过来的参数父传子value:{//参数名称valuetype:Numbe

敲代码的小吉米·2024-01-20 03:58

Vue2.0 入门基础介绍

Vue概述：是一套用于构建用户界面的渐进式框架，简单，高效，生态丰富（插件多特点：尤雨溪创造，v2与v3两个版本；渐进式JavaScript框架；结合了angular的指令与react的组件，虚拟dom优点：中文文档完毕；生态丰富；上手简单（插件多）；指令组件虚拟domVue的安装与使用直接引用1、对于制作原型或学习：2、避免新版本造成的不可预期的破坏：3、兼容ESModule的构建文件：impo

敲代码的小吉米·2024-01-20 03:28

Vue3的v-if 和v-for优先级

文章目录在vue2中，v-for具有比v-if更高的优先级在vue3中，v-if具有比v-for更高的优先级。

fmk1023·2024-01-20 03:52

@mosowe2/element-pro：【proTable】基于elementUI2.x版本的高级表格

【基于vue2+element+@vue/composition-api】用过antd高级组件的应该有点印象，我这就是参考antd高级组件编写的，尽最大可能的把每个组件原有的element相关的属性方法都还原

Mosowe·2024-01-20 02:38

vue2 使用pdf.js 实现pdf预览，并可复制文本

需求：pdf预览，并且可以选中pdf的内容进行复制。在ruoyi的vue前端项目中用到，参考了网上不少文章，因为大部分没给具体的pdf.js版本，导致运行过程中报各种api错误，经过尝试以下版本可用，故记录一下：安装依赖:[email protected]页面放大缩小页码：{{`${pageNo}/${totals.length}`}}constPDFJS=requir

fmi110·2024-01-20 02:59

vue的虚拟dom

Vue2的VirtualDOM借鉴了开源库snabbdom的实现。

亮学长·2024-01-20 01:44

vue2 watch监听事件的多种用法

一、普通监听当值name第一次绑定时并不会触发监听，只有当绑定值name发生改变才会触发监听二、immediate属性(默认false)当值name第一次绑定就会触发监听三、deep属性（深度监听）当对对象进行深度监听说明：若对对象进行深度监听（监听对象会对每个属性添加监听，会造成性能损耗)，可以直接深度监听对象属性避免。1）对象属性的普通监听2）对象属性的深度监听3）路由监听

Tongfront·2024-01-19 23:48

Vue3+Element-Plus 登录功能配置弹框提示实现十五

小技巧：当前Vue3.0需要使用element-plusr如果是Vue2.0是使用element-uiVue3.0前面需要加上El例如

小丫头呀·2024-01-19 20:43

【Vue技巧】vue3中不支持.sync语法糖的解决方案

在Vue2中，.sync修饰符是一个语法糖，用于简化子组件和父组件之间的双向数据绑定。在Vue3中，推荐使用v-model或是自定义事件来实现类似的功能。

海鲸AI·2024-01-19 19:46

Vue2.组件通信

样式冲突写在组件中的样式默认会全局生效。容易造成多个组件之间的样式冲突问题。可以给组件加上scoped属性，让样式只作用于当前组件。原理：给当前组件模板的所有元素，加上一个自定义属性data-v-hash值，用以区分不同的组件。CSS选择器都被添加[data-v-hash值]属性选择器data()函数一个组件的data选项必须是一个函数。保证每个组件实例，维护独立的一份数据对象。每次创建新的组件实

WuShF.top·2024-01-19 18:15

Vue2.脚手架

全局安装：npmi@vue/cli-g检查是否成功安装：vue--version新建项目：vuecreate项目名通过nodejs安装的时候，可以直接代理和仓库，~/.npmrc文件内容如下：proxy=socks5://127.0.0.1:7897registry=https://registry.npmmirror.comsocks5://127.0.0.1:7897设置代理，因为我的电脑是监

WuShF.top·2024-01-19 18:14

mac卸载vue2

node_modules/然后卸载2.0npmuninstallvue-cli-g然后vue--version确认卸载了然后装3.0npminstall-g@vue/cli方法二、1.查看vue存在路径whichvue2

Dis小白·2024-01-19 16:04

源码学习：web server althttpd （未完待续）

源码路径：https://sqlite.org/althttpd/dir?ci=tip（推荐）https://github.com/jesrui/althttpd/tree/master（旧版本）althttpd.md文件翻译https://sqlite.org/althttpd/file?name=althttpd.md&ci=tipalthttpd简介：轻量级web服务器，设计宗旨是追求简洁、

御风@户外·2024-01-19 16:38

Vue2-Vue3

一、初始Vue动态构建用户界面的渐进式JavaScript框架英文官网中文官网1.1创建Vue实例想让Vue工作，就必须创建一个Vue实例，且要传入一个配置对象；{{xxx}}中的xxx要写js表达式，且xxx可以自动读取到data中的所有属性；一旦data中的数据发生改变，那么页面中用到该数据的地方也会自动更新（响应式）；注意区分：js表达式和js代码(语句)1.表达式：一个表达式会产生一个值，

前端扫雪工·2024-01-19 15:26

Vue3使用

1、列表实现详情修改vue3中无法使用slot-scope的问题vue2：上下对应，title是自己随便起的名字1、定义一个普通的插槽，可以用div，任何标签2、定义一个element列表里面插槽的标签

Best_Liu~·2024-01-19 13:47

vue2 element ui 修改table表格的背景颜色和悬浮颜色

需求：修改table背景为透明色，鼠标悬浮时字体为白色代码//修改表格字体>>>.el-tablebackground-color:transparentcolor#ffftheadcolor#fff//鼠标悬浮该行时的背景颜色>>>.el-table--enable-row-hover.el-table__bodytr:hover>tdbackground-color#409eff//修改表格背

禾苗种树·2024-01-19 12:49

vue2挂载全局方法/组件

Vue2挂载全局方法/组件思路全局类的功能一般都写在main.js页面；需求把自己写的方法挂载到全局，这样每个组件都能使用了，比如下载方法代码//common.js文件//通用下载方法exportfunctiondownload

禾苗种树·2024-01-19 12:44

vue2踩坑之项目：vue2+element实现前端导出

1.安装插件依赖[email protected]@2.0.52.单页面引入前端导出插件importFileSaverfrom"file-saver";import*asXLSXfrom"xlsx";//html返回//data//表格数据tableList:[],//js//初始化数据asyncgetTable(){this.loading=true;letres=a

意初·2024-01-19 11:30

Go源码学习之双向链表

双向链表的定义双向链表也叫双链表，是链表的一种，它的每个数据结点中都有两个指针，分别指向直接后继和直接前驱。所以，从双向链表中的任意一个结点开始，都可以很方便地访问它的前驱结点和后继结点。一般我们都构造双向循环链表。这里记录一下自己学习理解的过程图解[图片上传失败...(image-afe880-1531019243291)]Go的源码实现1.首先看一下链表中存储的元素(Element)的定义：/

Popwalker·2024-01-19 11:51

vue2实现日历12个月平铺，显示工作日休息日

参考：https://blog.csdn.net/weixin_40292154/article/details/1253123681.组件DateCalendar.vue，sass改为less{{year}}年{{month+1}}月{{item}}{{item.day}}{{handleData(item.date)&&isCurrentMonth(item.date)?handleData(

谈蕾蕾·2024-01-19 10:19

vue3的创建及认识

creat-vuecreate-vue是Vue官方新的脚手架工具，底层切换到了vite（下一代前端工具链），为开发提供极速响应3、创建create-vue项目npminitvue@latest4、认识vue3首先熟悉一下vue2exportdefault

香香爱编程·2024-01-19 10:06

vue2项目当中容易遇到的常见问题。

在项目中遇到404.先检查自己的路径，检查反向代理，把“n/api”里面引号中的/删除接口报错400，先使用postman测试接口流通性，如果postman也是400，找后台，如果postman是好的情况下，检查是否post请求参数须拼接到url后，如果是吧接口封装此接口传参的data换成parmas。路由传参只适用于第一个页面到第二个页面的单一关系，来回跳的话使用存储。传参时如果在接口方法外已声

小舟423·2024-01-19 09:58

Vue2：解绑自定义事件

一、场景描述上一节，我们学习了，自定义事件绑定到组件上。现在，我们学习下，给组件解绑自定义事件的几种方法。首先，我们试想一下，这个功能的适用场景？一般同学都会想，解绑？那就注释掉代码就是了呗。这个办法也可以，但是，不好，因为每次都要修改代码。现在，我们实现通过按钮，从页面上给事件解绑。此时，我们就可以在后台管理系统上，对整个项目的组件进行事件管理。而无需更新代码。二、解绑自定义事件给Student

生产队队长·2024-01-19 09:47

Vue2：给组件绑定自定义事件

一、场景描述我们在页面开发中，难免要使用事件。在之前的学习中，我们学过@click、@keyup、@change等事件，这些是Vue自带的事件。它一般是用在原生的HTML元素上的。在组件上使用需要加native修饰比如：h1绑定一个click事件：你好input绑定一个keyup事件：在组件上绑定一个Vue原生事件：这一篇说的自定义事件，可以绑定到我们自己的Vue组件上。实现子组件给父组件传递数据

生产队队长·2024-01-19 09:17

Vue2：利用watch和localStorage存储数据案例

一、场景描述原本的代码中，我利用一个变量taskList来保存所有的待办事项。写好了对应的增删改查等操作。此时，我想利用localStorage来实现临时的存储，这样，刷新页面后，我的操作不会丢失！二、方案设计方案1直接在原来的增删改查等函数中，添加localStorage自带的setItem、getItem等方法，实现效果。方案2利用watch来监视taskList变量，然后，在watch中进行

生产队队长·2024-01-19 09:16

Vue2：用ref方式绑定自定义事件的注意事项

一、场景描述我们知道绑定自定义事件可以用ref方式实现。但是，这个方式，需要注意下，否则，实现不了我们的效果。需求是这样的，我们通过ref绑定的事件，来给App的data块中的变量赋值。二、绑定自定义事件基本写法：父组件App中methods函数：getStudentName(name,...params){console.log('App收到了学生名：',name,params)this.stu

生产队队长·2024-01-19 08:44

html 中video实现切换视频自动播放

需求vue2实现的网页中播放视频，主要代码如下：现在遇到的问题的，视频切换后要手动点击才能播放，是否可以实现切换视频后会自动播放不用手动点击解决办法增加autoplay属性就可以了。

ITKEY_·2024-01-19 08:42

Vue2 Echarts 3D饼图

npminstallecharts-Snpminstallecharts-gl-Simport*asechartsfrom"echarts";import"echarts-gl";import{getPie3D,getParametricEquation}from"./mychart.js";//工具类js，页面路径自己修改constcolor=["#3cd6b7","#fe9326","#124

钓了猫的鱼儿·2024-01-19 08:05

Vue2根据数据动态显示按钮并绑定方法

功能描述根据后端返回的按钮数据动态渲染页面，并根据后端返回数据中的方法名为每个按钮动态的绑定点击事件一、技术栈前端框架：vue2前端UI框架：AntDesignofVue（v1.7.8）二、核心this

狂飙的肥兔·2024-01-19 07:44

【Ant Design of Vue】自定义SVG图标的使用

一、需求由于AntDesignVue提供的Icon图标满足不了项目的需求（需求图标未提供），所以我们使用了自定义的SVG图标二、技术栈前端框架：vue2+VueCli前端UI框架：AntDesignofVue