vue2.x源码系列第4页

vue2.x 中全局和按需引入 element-ui 组件库？

全局引入安装依赖npminstallelement-ui-Smain.js中引入全局完整引入importElementUIfrom'element-ui';import'element-ui/lib/theme-chalk/index.css';Vue.use(ElementUI);按需引入安装依赖npminstallelement-ui-S引入插件按需引入功能依赖于babel-plugin-co

『九离~空白』·2023-12-06 12:05

vue2.x中事件总线EventBus的使用

vue2.x中事件总线EventBus的使用一、使用方法二、手写实现EventBus原理一、使用方法//eventBus.jsimportVuefrom"vue";constEventBus=newVue

Lin_熊米·2023-12-05 19:57

vue2.x框架里面的事件总线eventBus的原理解析

vuejs2.x里面的事件总线大家因该都会用了leteventBus=newnew()然后我们就就可以获取到实例上的on,on,on,emit,$off事件了，从而就可以进行组件特别是兄弟组件之间的数据传递了！今天我们不讲怎么使用这个，主要记录下怎么实现这个总线的原理！不多说，上代码发布—订阅模式又叫观察者模式，它定义对象间的一种一对多的依赖关系，当一个对象的状态发生改变时，所有依赖于它的对象都将

风清云淡_A·2023-12-05 19:25

Vue3.0 所采用的 Composition Api 与 Vue2.x 使用的 Options Api 有什么不同？

面试官：Vue3.0所采用的CompositionApi与Vue2.x使用的OptionsApi有什么不同？

C+ 安口木·2023-12-04 19:31

vue2.x的变化之一：禁止修改props

一、说明在vue1.x中，可以在子组件中改变prop的值，在vue2.x中已被废弃。官方文档解释如下：组件内修改prop是反模式(不推荐的)的。

明灭_·2023-12-04 08:48

一文从Vue2过渡到Vue3

文章目录Vue3简介创建Vue3.0工程使用vue-cli创建使用vite创建Vue3工程结构变化常用CompositionAPI拉开序幕的setupref函数reactive函数Vue3.0中的响应式原理vue2

十八岁讨厌编程·2023-12-03 19:06

element ui el-date-picker日期时间选择器设置只能选择不大于30天时间范围

日期组件type为daterange或者datetimerange都生效实现（vue2.x）：通过属性picker-optionshtmldatadata(return{isRestart:false,

违规昵称001·2023-12-02 06:26

快速理解Vue的虚拟DOM和Diff算法

（其实是我偷个懒）正文深入Vue2.x的虚拟DOMdiff原理vue虚拟dom实现原理推荐按照顺序阅读，有助于快速理解。

迦叶凡·2023-12-02 02:22

Vue中使用echart实现中国地图统计图

Vue中使用echart实现中国地图统计图前言Echart版本的确定全局导入或按需导入在对应的页面调用echart前后端数据交互注意事项前言在Vue2.x开发中，为了更好地展示某一个时间段，在全国范围内的吸粉数据

weixin_45593968·2023-12-01 18:36

vue3中的provide与inject跨层级组件(祖孙)间通信

·provide和inject提供依赖注入，功能类似vue2.x的provide/inject·实现跨层级组件(祖孙)间通信子或孙子组件接收到的数据可以用于读取显示，也可以进行修改，同步修改父（祖）组件的数据

俊哥前端工程师·2023-12-01 15:01

不用mock，前端来建立后端服务以便自己实现接口

主要用到的技术与功能插件前端：vue2.x,vue-

小鸟游露露·2023-11-30 18:51

Vue3一兄弟组件传值之mitt，超详细！

Vue2.x使用EventBus事件总线进行兄弟组件通信，而在Vue3中事件总线模式已经被移除，官方建议使用外部的、实现了事件触发器接口的库,例如mitt或tiny-emitter。

不抽烟的小王·2023-11-30 15:15

Spring源码系列-第1章-Spring源码纵览

必读源码是循循渐进的，前面我会省略中间很多目前不需要深入的代码，所以会看起来代码比较少。省略的地方我会打上这样的标识//...或者//...如果没打也不代表我没省略，可能是忘记了，不要看懵了。第1章-Spring源码纵览概述Spring源码纵览这一节，主要是先了解下Spring的一些核心东西，所以前后可能关联不是特别深，跳跃性比较大，往后看就行。简单的继承关系图蓝色实线箭头是指继承关系绿色虚线箭头

xiejunxing·2023-11-28 22:29

spring源码系列---扫描与解析配置类

org.springframework.context.support.AbstractApplicationContext#refreshpublicvoidrefresh()throwsBeansException,IllegalStateException{synchronized(this.startupShutdownMonitor){//准备刷新的上下文//Preparethiscon

性感的大表哥·2023-11-28 22:57

vue3：自定义组件之v-model父子组件双向绑定

vue3.x移除了vue2.x的model选项，自定义组件双向绑定不在使用以下方法：//vue2的v-model双向绑定方法model:{prop:'value',//3.x默认值改为了modelValueevent

Mosowe·2023-11-27 06:46

必读经典项目，web开发框架renren-fast项目解读

renren-fast是一个轻量级的SpringBoot2.1快速开发平台，其设计目标是开发迅速、学习简单、轻量级、易扩展；使用SpringBoot、Shiro、MyBatis、Redis、Bootstrap、Vue2

MarkerHub·2023-11-26 17:42

Hive源码系列（六）编译模块之词法、语法解析（上）

词法、语法解析模块会先介绍一下antlr环境（上）。然后举实际案例说明怎么使用antlr工具、利用antlr生成的Lexer、Parser、TreeParser代码，获取asttree。这些都是hive获取asttree的过程，理解了这些，再理解hive的asttree就很容易了（中）。最后详细介绍hive词法、语法解析的源码以及hiveAstTree的使用（下）1、什么是词法分析、什么是语法分析

小萝卜算子·2023-11-26 13:12

vue2.x中使用JS与路由守卫配置、vue2.x中使用TS与路由守卫的配置和vuex的配置以及TS在vue2.x中的使用说明

vue2.x事件修饰符在使用$confirm时，使用await方式时，需要添加catch回调，否则无法获取$confirm关闭和取消时的标识值，并且后续代码停止执行。

百里狂生·2023-11-26 12:53

Vue.observable 是什么

也可以作为最小化的跨组件状态存储器Vue.observable({count:1})其作用等同于newvue({count:1})在Vue2.x中，

muzidigbig·2023-11-26 01:46

「Vue自我检验」axios网络请求二次封装，使用脚手架配置跨域代理（开发环境）

文章目录Vue网络请求Vue脚手架配置代理配置单个代理配置多个代理vue2.x全局配置axios全局路由导卫`axios.interceptors.request`请求拦截`axios.interceptors.response

wincheshe·2023-11-25 19:07

vue2.x el-table二次封装支持编辑修改

最近开发新业务，看到有些功能一样的表格，想着封装一个组件，记录一下：最终实现效果大概实现是：封装一个通用的表格接收两个数组，一个控制行数，一个控制列数表格可进行编辑操作官方文档图中我们可以看到：:data="tableData"中传入的tableData用来控制表格行数el-table-column用来控制列数，有几个el-table-column,表格就有几列因此我们再定义一个数组，去对应tab

Donmind29·2023-11-25 04:31

吊打面试官之项目线上问题排查

Java学习之乐·2023-11-24 20:14

vue2.x简单二次封装el-form，实现动态添加表单和校验规则

简单封装el-form实现动态添加表单，和表单校验操作方式全部代码目录结构使用提交importYuFormfrom'./components/yuForm'import{basicPurchaseDesc,purchasingInformation,addStockOrder}from'./helper'exportdefault{components:{YuForm},data(){return

温柔如你，生活如梦·2023-11-24 18:13

vue（vue2.x & vue3.x）使用 lodash

相对于vue2.x的版本，是有很大的变化出入。

Dark_programmer·2023-11-24 10:10

vue中使用webpack添加svg以及去除fill

前提条件：vue2.x版本，webpack3.x版本（so低版本真

不cong明的亚子·2023-11-24 09:59

Vue2.x 源码学习（二） - 数据驱动

学习解读来自于：Vue.js技术揭秘仅用于自我学习内容介绍Vue.js一个核心思想是数据驱动。所谓数据驱动，是指视图是由数据驱动生成的，我们对视图的修改，不会直接操作DOM，而是通过修改数据。它相比我们传统的前端开发，如使用jQuery等前端库直接修改DOM，大大简化了代码量。特别是当交互复杂的时候，只关心数据的修改会让代码的逻辑变得非常清晰，因为DOM变成了数据的映射，我们所有的逻辑都是对数据的

李小斌96·2023-11-24 07:15

vue2.x 如何更换网页logo

需求vue2.x项目更换操作引入图标文件。这里的案例试讲图标放到了index.html同级，然后在html引入该文件。

猛男陈朵朵·2023-11-22 16:03

【Vue3】vue3全解

文章目录一、vue3简介二、vite基本使用三、创建vue应用四、选项API和组合API（一）选项API（二）组合API五、组合API（一）setup函数（二）生命周期1、vue2.x生命周期钩子函数2

奔跑の大可爱·2023-11-22 07:19

Vue2.x和Vue3.x渲染器的diff算法

简单来说，diff算法有以下过程同级比较，再比较子节点先判断一方有子节点一方没有子节点的情况(如果新的children没有子节点，将旧的子节点移除)比较都有子节点的情况(核心diff)递归比较子节点正常Diff两个树的时间复杂度是O(n^3)，但实际情况下我们很少会进行跨层级的移动DOM，所以Vue将Diff进行了优化，从O(n^3)->O(n)，只有当新旧children都为多个子节点时才需要用

抽疯的稻草绳·2023-11-22 06:01

RocketMQ源码(26)—DefaultMQPushConsumer事务消息源码【一万字】

不出意外的话，这将是RocketMQ源码系列的最后一篇文章，如有其他没分析到的想看的源码，可以给我说。感谢大家看到最后，祝大家学业有成，工作顺利

刘Java·2023-11-22 00:57

DIff算法优化策略

优化策略diff痛点vue2.x中的虚拟dom是进行全量的对比，在运行时会对所有节点生成一个虚拟节点树，当页面数据发生变更好，会遍历判断virtualdom所有节

马超19991128·2023-11-21 20:34

vue2.x源码刨析-new Vue的时候做了什么(手写简易版01)

本篇文章大致的介绍一下newVue的过程，首先我们在生成一个Vue实例化对象的时候，一般会这样写：{{name}}dep{{age}}dep{{name}}constvm=newVue({data(){return{//代理数据name:"zf",age:20,address:{num:30,content:"回龙观",},hobby:["eat","drink",{a:1}],};},creat

A &......·2023-11-21 20:20

Vue3基础知识点

均要配置在setup中setup函数的两种返回值：若返回一个对象，则对象中的属性、方法，在模板中均可直接使用（重点）若返回一个渲染函数：则可以自定义渲染内容（了解）注意点：1、尽量不要与Vue2.配置混用vue2

小六妹妹·2023-11-21 09:37

总结vue框架中的钩子函数

vue2.x生命周期钩子函数组件的生命周期分为3个阶段:挂载阶段:beforeCreate、created、beforeMount、mounted,更新阶段:beforeUpdate、updated,销毁阶段

@德玛玩前端·2023-11-21 09:35

【Flink源码系列】Flink 源码分析之 Client 端启动流程分析

抛出问题首先来思考一个问题，我们在提交Flink任务的时候，在Flink客户端执行了下面的命令后，Flink客户端做了哪些事情？又是怎么执行我们自己写的代码？相信读完这篇文章你就能找到答案。flink run -d -m yarn-cluster \-Dyarn.application.name=FlinkStreamingNewDemoHome \-Dyarn.application.queue

JasonLee实时计算·2023-11-20 23:05

Flink源码系列(创建JobMaster并生成ExecutionGraph)-第七期

上一期指路：上一期上一期主要讲了flink内部的rm的创建，Dispatcher的创建与启动，之前也说过在Dispatcher的启动过程中会涉及JobMaster的创建与启动，那么这一期的主题是创建JobMaster并生成ExecutionGraph。承接上一期分析到Dispatcher的onStart函数1.Dispatcher#startRecoveredJobs->Dispatcher#ru

AiryView·2023-11-20 23:59

Vue2.x笔记

***当前阶段的笔记***「面向实习生阶段」https://www.aliyundrive.com/s/VTME123M4T9提取码:8s6v点击链接保存，或者复制本段内容，打开「阿里云盘」APP，无需下载极速在线查看，视频原画倍速播放。目录-----------------------(VUE壹)-------------------------VUE的初步认识一.什么叫做VUE?vue主流的前

马超19991128·2023-11-20 10:59

源码系列(五)----java枚举类型详解

之所以想要写一篇这样的文章，是因为我目前所做的项目中，实在是使用了太多的枚举类了，Spring与Mybatis的注解大量使用了枚举类，在我们的业务代码中也用来定义一些业务策略。然而我平时对于枚举类只是简单的使用，故打算写一篇这样的文章来总结一下。java的枚举类型有jdk1.5开始正式提供，用来定义一系列常量。1、简单的枚举类例子我们先定义一个Color枚举类型，代码如下：publicenumCo

win1699·2023-11-20 00:59

第三十四节——组合式API使用路由

routerconstrouter=useRouter()//跳转到页面2constlink2=()=>{//使用我们刚声明的router跳转router.push('/v11')}页面传值，传值方式和vue2

爱在你心中·2023-11-19 08:36

vue3【自定义hook】

本质是一个函数，把setup函数中使用的CompositionAPI（组合式api）进行了封装类似于vue2.x中的mixin自定义hook的优势：复用代码，让setup中的逻辑更清楚易懂举个例子，通过在页面获取鼠标点击的坐标为例

suoh's Blog·2023-11-19 07:52

【Vue3】自定义hook函数

本质是一个函数，把setup函数中使用的CompositionAPI进行了封装2、类似于vue2.x中的mixin3、自定义hook的优势：复用代码，让setup中的逻辑更加清楚举例：在HelloWorld

翘阳啦·2023-11-19 07:21

Vue3 自定义hook函数

概念hook：其本质是一个函数，把setup函数中使用的CompositionAPI放到一个文件中进行了封装，然后在需要用到的地方，进行引入，类似于vue2.x中的mixin。自

＊且听风吟·2023-11-19 07:47

Vue3-10-自定义hook

类似于vue2.x中的mixin。自定义hook的优势:复用代码,让setup中的逻辑更清楚易懂。

MarxistVive·2023-11-19 07:46

spring源码系列---依赖注入

org.springframework.beans.factory.support.AbstractAutowireCapableBeanFactory#doCreateBeanprotectedObjectdoCreateBean(StringbeanName,RootBeanDefinitionmbd,@NullableObject[]args)throwsBeanCreationExcept

性感的大表哥·2023-11-19 05:23

Nacos源码系列—服务端那些事儿

前言在上节课中，我们讲解了客户端注册服务的大体流程，客户端在注册服务的时候调用的是NamingService.registerInstance来完成实例的注册，在最后呢我们知道服务注册是通过nacos/v1/ns/instance接口来完成注册的，我们今天来讲解服务端的注册，首先就从这个接口地址开始，来看具体服务端都做了哪些事情服务注册上面是我们从官网中找到的Nacos架构图，从这个图中我们大体可

老马说开发y·2023-11-19 04:43

浅谈vue2.0和vue3.0的区别

下面是一些Vue3.0的具体用法：创建Vue实例：与Vue2.x相同，使用Vue.createApp()方法创建Vue实例。

缘飞梦·2023-11-17 06:01

Spring源码系列-Spring事务

目录声明式事务事务传播行为源码解析开启事务调用顺序@EnableTransactionManagement注解的两个作用引入AutoProxyRegistrar后置处理器引入ProxyTransactionManagerConfiguration配置类加载切面事务的Advisor的注册事务Advice事务PointCut创建动态代理调用代理方法声明式事务Spring事务，是通过数据库连接来实现的，

每天的每一天·2023-11-16 22:20

Spring源码系列-Spring AOP

目录AOP的用法注解用法早期的基于接口的用法递归实现的责任链模式简单实现责任链模式就两个关键点传统的aop实现方式的局限性Advisor解决不能精确到方法级别的增强注解形式的Advisor解决需要创建多个FactoryBean纯注解的AOP实现原理AOP源码解析AOP入口@EnableAspectJProxyAOP中的三大BeanPostProcessorSpringAop的三种实现方式解析切面类

每天的每一天·2023-11-16 22:19

Spring源码系列之推断构造方法

本篇博客讲一讲spring是怎么样推断构造方法的？什么意思呢，就是说一个类如果有多个构造方法，spring是怎样推断出来究竟该使用哪个构造方法进行bean的实例化呢？看下面的例子，先给出以下几个类@ComponentpublicclassOrderService{}@ComponentpublicclassStudent{}***我们在注入模型是0的情况下讨论。***先来一个开胃菜示例一@Comp

追求逼格的程序员·2023-11-16 21:00

Vue3: 选项式API和组合式API的优缺点

一.选项式API：选项式API是vue2.x版本中默认使用的API风格，它是基于对象的方式来描述组件的行为和状态的。

小刀肉0812·2023-11-15 14:08

推荐频道

vue2.x源码系列

vue2.x 中全局和按需引入 element-ui 组件库 ？