Vue2源码解析第27页

Vue2 实现分类选择

Document-->*{margin:0;padding:0;box-sizing:border-box;}{{item.name}}{{city.name}}newVue({el:'#app',data(){return{cities:[{name:'无职转生',checkAll:false,list:[{id:27,name:'鲁迪乌斯',},{id:28,name:'艾莉丝',},],},

上优·2024-01-13 17:42

Vue2通过ref来操作循环中得el-cascader级联组件得展示与关闭

Document-->*{margin:0;padding:0;box-sizing:border-box;}展开{{item.label}}关闭{{item.label}}newVue({el:'#app',data(){return{props:{multiple:true},options:[{value:'option1',label:'选项1',children:[{value:'opt

上优·2024-01-13 17:34

vue源码解析之（第二步模板编译）

####解析模板转化为字符串DOM结构的过程Document{{name}}{{age}}constvm=newVue({data(){return{name：'zs',age:12,addres:['北京市'，'昌平区'，'回龙观'],hobby:['a',{b:1}],}},template:`123`//template渲染模板el:'#app'//将数据解析到el元素上})vm.$moun

h960822·2024-01-13 17:17

vue2源码解析之第一步（对数据进行劫持）

###环境搭建第一步创建项目：npminit-y第二步安装对应的插件：npmirolluprollup-plugin-babel@babel/core@babel/preset-env--save-dev第三步全局下创建rollup配置文件rollup.config.jsimportbabelfrom'rollup-plugin-babel'exportdefault{input:'./src/i

h960822·2024-01-13 17:47

浅谈Vue2.0响应式原理

在Vue中，响应式是指数据与视图之间建立一种自动关联的关系，当数据发生变化时，视图会自动更新以反应数据的变化，无需开发者手动操作DOM元素更新视图。响应式是实现数据驱动视图的基础，在Vue中，数据可以理解为状态state，视图就是用户直观看到的页面UI。页面会随着状态的改变而动态变化，因此可以得到以下公式：UI=render(state)上述公式中：状态state是输入，页面UI输出，状态输入一旦

ZhXIn__·2024-01-13 16:04

设计模式之迭代器模式【行为型模式】

深入学习某技术知识点…一个人摸索学习很难坚持，想组团高效学习…想写博客但无从下手，急需写作干货注入能量…热爱写作，愿意让自己成为更好的人…文章目录前言一、概述二、结构三、案例实现四、优缺点五、使用场景六、JDK源码解析总结前言

哥的时代·2024-01-13 16:16

VUE3（二十一）vue-router 在新窗口打开页面的功能

其实很简单：VUE2：const{href}=this.

camellias__·2024-01-13 10:18

系统性学习vue-vue核心

做了三年前端,但很多系统性的知识没有学习还是从头系统学习一遍吧课程是b站的Vue2.0+Vue3.0课程后续还会学习的如下,就重新开一篇了,不然太长,之后放链接vue组件化编程vue-cli脚手架vue

aqiu~·2024-01-13 10:50

关于vue2回显表格数据忽略中间空格补全

关于vue2回显表格数据忽略中间空格补全发现问题解决发现问题发现回显数据中间空格忽略解决在全局中修改在页面内修改主要案例主要是在页面内修改::v-deep.cell{white-space:pre;}

石马农汪·2024-01-13 09:18

vue2 el-table行悬停时弹出提示信息el-popover

实现方法，用到了cell-mouse-enter、cell-mouse-leave两个事件，然后在表格的首列字段中，加个el-popover组件，当然你也可以选择在其他字段的位置来显示提示框，看自己的需求了。示例代码：弹出popover提示内容{{scope.$index+1}}enter(row,column,cell){this.$refs['popover'+row.rowIndex].sh

黑睿·2024-01-13 09:03

VUE3+element plus在el-input上增加图标

目录实现效果关键点实现效果关键点和VUE2+elementUI有差别VUE2+elemenUI使用prefix-icon="el-icon-search"在VUE3+elementplus要使用:prefix-icon

尘烟生活家·2024-01-13 08:41

VUE3+element plus在按钮上增加图标

目录实现效果关键点实现效果关键点和VUE2+elementUI有差异。

尘烟生活家·2024-01-13 08:41

ant-design-vue 1.x 的 a-form-model怎样设置表单必填项（a-form同样适用）

背景"ant-design-vue":"1.7.6"vue2吐槽不知道公司为什么非要用蚂蚁金服1.x版本的组件，还是新项目，问题很多bug不少本文记录第一个必填项bug问题项目内a-form-model

帆仔哟·2024-01-13 08:35

uniapp：如何将返回标根据下滑的距离而改变颜色

function(e){//nvue暂不支持滚动监听，可用bindingx代替console.log("滚动距离为："+e.scrollTop);},这个api会实时监听你鼠标向下滚动的距离，直接写在vue2

荀鼠不是鼠·2024-01-13 08:44

el-date-picker禁止选择2023 11月之前vue2

exportdefault{data(){return{selectedDate:null,pickerOptions:{disabledDate(time){//获取当前日期的年份和月份constyear=time.getFullYear();constmonth=time.getMonth();//判断是否在2023年11月之前if(year{constyear=time.getFullYea

青青子衿越·2024-01-13 08:33

前端规范扩展

前端编程规范是基于原有vue2基础上那套《编码风格及标准》上，应用于vue3、typescript、vite2基础上延伸出来的扩展补充，持续完善一、编码规范ESLint代码检测工具+Pretter代码格式化工具配合双校验代码

arguments_zd·2024-01-13 07:39

基于springboot+vue2的课程教学考试系统（Java毕业设计）

大家好，我是DeBug，很高兴你能来阅读！作为一名热爱编程的程序员，我希望通过这些教学笔记与大家分享我的编程经验和知识。在这里，我将会结合实际项目经验，分享编程技巧、最佳实践以及解决问题的方法。无论你是初学者还是有一定经验的程序员，我都希望能够为你提供有价值的内容，帮助你更好地理解编程世界。让我们一起探索编程的乐趣，一起成长，一起学习，谢谢你们的支持与关注！【源码咨询】可接Java程序设计，Bug

周周学Java·2024-01-13 06:27

在vue项目中使用天地图，点击可打点，搜索打点组件封装

一、在index.html文件中引入天地图JavaScriptAPI：Vue2TMapDemo二、创建Vue组件，例如TMapMarker.vue搜索经度：{{marker.lng}}纬度：{{marker.lat

葫芦娃y·2024-01-13 05:20

在vue项目中使用百度地图，点击或搜索打点组件封装

一、在index.html文件中引入百度地图Vue2BMapDemo二、创建map.vue地图组件搜索经度：{{marker.lng}}纬度：{{marker.lat}}地址：{{marker.address

葫芦娃y·2024-01-13 05:20

基于python多线程串口处理

2.特性使用了线程使用了serial使用了class二源码解析1.串口读取固定数据函数：defuart_recv_header(serial):cnt=0whileTrue:data=serial.port.read

!chen·2024-01-13 01:55

用脚手架新建一个vue2的项目

准备工作：需要安装node，node安装完成后，可用node-v查看安装版本开始：1、安装脚手架，可先在cmd中输入vue，若提示vue不是外部或内部命令，也不是可运行的程序，则代表没有脚手架，需要安装，用以下命令即可：//安装命令npmi-g@vue/cli//查看vue版本vue-V安装完成后，可用vue-V查看当前脚手架版本，（注意此时的v是大写的V）2、在项目新建路径的外层文件夹下打开cm

煸橙干儿~~·2024-01-13 00:12

vue源码解析-开始

vue.js是一套构建用户界面的渐进式框架，其轻量，易学受到许多开发者的喜爱。了解源码，有助于我们深刻理解vue。知其然知其所以然，是每个工程师进阶的必经之路。话不多说，进入主题。image.png一.模块概览vue的源码主要分6个大模块模块名说明compiler编译相关corevue核心代码platforms平台，目前是web和weexserver服务端渲染sfc.vue文件解析shared共享

老刘大话前端·2024-01-12 23:02

Vue2x的自定义指令和render函数使用自定义指令

在某些情况下，我们需要对底层DOM进行操作，而内置的指令不能满足需求，就需要自定义指令。一个自定义指令由一个包含类似组件的生命周期的钩子的对象来定义，钩子函数会接收到指令所绑定的元素作为参数。定义指令常用两种方式进行自定义指令，一种是全局定义，另一种在当前组件中定义//局部定义exportdefault{name:'test',data(){return{}},directives:{focus:

胡八一·2024-01-12 22:30

Web前端 ---- 【Vue3】Proxy响应式原理

本文介绍vue3中的响应式原理，相较于vue2中通过object.defineProperty（vue2中的响应式）来实现响应式，vue3中换成了Proxy来进行实现。

软工不秃头·2024-01-12 22:48

vue3hooks的使用

在Vue3中，hooks是用于封装组件逻辑的方法，类似于Vue2中的mixins。

HWL5679·2024-01-12 21:38

vue2源码之生命周期篇

vue2源码之生命周期篇vue2源码之生命周期篇生命周期流程图初始化阶段（newVue）vue2源码之生命周期篇生命周期流程图从图中可以看到，Vue实例的生命周期大致可分为4个阶段：初始化阶段：为Vue

牛先森家的牛奶·2024-01-12 21:32

vue3和vue2生命周期

vue2生命周期每一个vue实例从创建到销毁的过程，就是这个vue实例的生命周期。

my_styles·2024-01-12 20:59

vue---开发环境vs code快捷编译的环境配置

文章目录前言一、常用插件安装1.1、安装插件Vue2Snippets1.2、安装插件HTMLSnippets1.3、安装插件IntelliSenseforCSSclassnamesinHTML1.4、安装插件

小小福仔·2024-01-12 20:26

jsonvue-mobile 联动方式说明。

场景二：某一个字段的值变化时，根据该值过滤选择器组件的选项内容命令式：演示效果GIF在线体验：点我直达jsonvue-mobile项目地址：jsonvue-mobile:jsonvue-mobile是基于Vue2

软件星·2024-01-12 19:15

vue2中关于elementUI的自定义上传

一、项目背景在项目中采用了admin模板，和elementUI组件。需求为手动选择文件可多选上传并显示图片效果图为二、自定义上传中遇到的问题http-request覆盖默认的上传行为，可以自定义上传的实现function——在文档中存在这样一个自定义上传，但是在使用过程中出现了一些问题，自定义上传函数不触发和上传失败action必填写,可以为’'字符串:action='#':auto-upload

一路向前的月光·2024-01-12 19:08

JVM基础（8）——CMS垃圾回收器

阶段1、深入多线程阶段2、深入多线程设计模式阶段3、深入juc源码解析阶段4、深入jdk其余源码解析阶段5、深入jvm源码解析一、简介理想情况下，我们都希望自己的系统能在每次MinorGC后，存活对

smart哥·2024-01-12 19:48

JVM基础（9）——新生代调优

阶段1、深入多线程阶段2、深入多线程设计模式阶段3、深入juc源码解析阶段4、深入jdk其余源码解析阶段5、深入jvm源码解析一、简介本章和下一章，我们将通过一个实际案例讲解如何进行JVM参数调优：

smart哥·2024-01-12 19:48

JVM基础（7）——ParNew垃圾回收器

阶段1、深入多线程阶段2、深入多线程设计模式阶段3、深入juc源码解析阶段4、深入jdk其余源码解析阶段5、深入jvm源码解析一、简介ParNew是目前最常用的JVM垃圾回收器之一，主要应用在新生代

smart哥·2024-01-12 19:17

JVM基础（6）——JVM垃圾回收器简介

阶段1、深入多线程阶段2、深入多线程设计模式阶段3、深入juc源码解析阶段4、深入jdk其余源码解析阶段5、深入jvm源码解析一、简介在新生代和老年代进行垃圾回收的时候，都需要使用回收器进行回收，不

smart哥·2024-01-12 19:13

Spring配置类以及扫描过程源码解析

书接上文文章目录一、拾遗1.回顾2.源码分析二、配置类扫描源码分析1.源码分析2.BeanDefinition覆盖问题3.full配置类和lite配置类的区别一、拾遗1.回顾前面我们分析了Spring框架器启动过程要做的事情，着重分析了ApplicationContext的refresh方法。但前面一节我们还遗留了refresh的两个重要方法还没有分析，分别是invokeBeanFactoryPo

jakiechaipush·2024-01-12 18:39

Springboot源码分析(一)：环境准备

Springboot源码解析–源码下载文章目录前言一、下载源码二、编译源码三、导入IDEA四、创建项目总结前言结合源码探究SpringBoot的启动机制、自动装配的原理以及内嵌Tomcat的实现原理等，

浮生_半日闲·2024-01-12 17:37

SpringBoot源码解析

SpringBoot源码解析1.启动的过程:首先在main函数中启动当前应用程序(SpringApplication启动)创建SpringApplication对象(newSpringApplication

XD流川枫·2024-01-12 17:01

vue2把页面导出img、html、Excel方法

下载canvas方法截图方法https://gitee.com/qiweiii/abcd/blob/master/html2canvas.js通过canvas封装的方法，封装部分方法import"../assets/js/html2canvas";//获取截图的base码exportfunctionGetJpeg(dom){returnnewPromise(resolve=>{html2canva

甘道夫老矣·2024-01-12 17:25

设计模式之命令模式【行为型模式】

深入学习某技术知识点…一个人摸索学习很难坚持，想组团高效学习…想写博客但无从下手，急需写作干货注入能量…热爱写作，愿意让自己成为更好的人…文章目录前言一、概述二、结构三、案例实现四、优缺点五、使用场景六、JDK源码解析总结前言

哥的时代·2024-01-12 14:25

elementui快速入门详细介绍

element:Element，一套为开发者、设计师和产品经理准备的基于Vue2.0的桌面端组件库。

望南风看北海·2024-01-12 14:48

组件v-model

这个API就是Vue3简化组件v-model的写法的，所以这篇就一块儿来总结一下vue中的组件v-model官网的示例先说下vue2中的使用，再说下vue3中的使用V2单个v-model绑定下面这个单个

会说法语的猪·2024-01-12 13:17

【Vue3/Vue2】判断设备是移动端还是pc端跳转不同路由router

Vue3代码APP文件中写入js代码1、首先，通过isMobile()函数判断用户的设备类型。该函数使用正则表达式匹配navigator.userAgent字符串，以确定用户是在移动设备上访问网页还是在桌面设备上访问网页2、然后，在onMounted()钩子函数中，根据当前的路由路径来判断是否需要进行重定向。如果当前路径是根路径('/')或移动端首页路径('/mobile_index')，则会进一

xiaoming_0208·2024-01-12 12:35

vue3中的hook公共函数封装及运用

hooks就是函数的一种写法，就是将文件的一些单独功能的js代码进行抽离出来，放到单独的js文件中，或者说是一些可以复用的公共方法/功能使用Vue3的组合API封装的可复用的功能函数自定义hook的作用类似于vue2

Zh.冠军·2024-01-12 12:04

Vue2自学笔记

Vue2vue基础vue-clivue-routervuexelement-uivue3Vue，用于构建用户界面的渐进式JavaScript框架。

Kazunto·2024-01-12 12:32

Vue3 的基本开发+新特性

Vue31.Vue31.Vue2选项式APIvsVue3组合式APIexportdefault{ data(){ return{ count:0 }}, methods:{ addCount()

m0_58462450·2024-01-12 10:24

一个完整的流程表单流转

1.写在前面一个完整的流程表单审批（起表单-->各环节审批-->回退-->重新审批-->完成），前端由Vue2+js+ElementUI升级为Vue3+ts+ElementPlus，后端流程框架使用Flowable

honor_zhang·2024-01-12 10:19

【Vue3】响应式原理

vue2使用Object.defineProperty实现响应式？

wyc_ok·2024-01-12 10:28

vue-amap安装和使用

vue-amap是饿了么开源的一套基于Vue2.0和高德地图的地图组件。数据状态与地图状态单向绑定，开发者无需关心地图的具体操作。

幕飒前端程序员·2024-01-12 09:56

【Vue技巧】Vue2和Vue3组件上使用v-model的实现原理

在Vue2.x中，v-model默认会利用名为value的prop和名为input的事件来更新变量。如果你想在自定义组件中

海鲸AI·2024-01-12 09:51

Vue3 父事件覆盖子事件，Vue2 的 v-on=“$listeners“ 的替代方案

在Vue3中，$listeners被删除子组件代码，需要特别注意的是事件名为on开头，例如onBack。不确定的可以通过给父组件传递事件或属性，再打印子组件的attrs=useAttrs()，来确定传值//templatev-bind="newAttrs"//templateimport{computed,useAttrs}from'vue'constattrs=useAttrs()constne

Dreamy_lin·2024-01-12 09:50

推荐频道

Vue2源码解析