
vue
文章平均质量分 74
xh--yang
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
vue组件封装--文本框根据输入内容自适应高度
文本框根据输入内容自适应高度原创 2022-08-10 11:06:54 · 1808 阅读 · 0 评论 -
【vue】父子组件之间生命周期的执行顺序
调用顺序都是先父后子,渲染完成的顺序是先子后父。销毁操作是先父后子,销毁完成的顺序是先子后父。组件的生命周期:加载渲染过程 子组件在父组件的beforeMount和Mounted之间渲染父breforCreate -> 父created -> 父beforeMounte -> 子breforCreate -> 子created -> 子beforeMounte -> 子mounted ->父mounted 子组件的更新过程父beforeUpd.原创 2022-05-06 17:29:21 · 979 阅读 · 0 评论 -
【vue】vue模版编译的过程
文章目录一、什么是模版编译二、整体渲染流程三、模板编译内部流程3.1抽象语法树AST3.2 具体流程一、什么是模版编译二、整体渲染流程所谓渲染流程,就是把用户写的类似于原生HTML的模板经过一系列处理最终反应到视图中称之为整个渲染流程。流程图如下:从图中我们也可以看到,模板编译过程就是把用户写的模板经过一系列处理最终生成render函数的过程。三、模板编译内部流程那么模板编译内部是怎么把用户写的模板经过处理最终生成render函数的呢?这内部的过程是怎样的呢?3.1抽象语法树AST我们知转载 2022-04-15 17:15:08 · 1470 阅读 · 0 评论 -
【vue】— provide/inject的原理
系列文章目录文章目录系列文章目录一、provide/inject的作用及使用方式二、顺道复习一下组件间的通讯方式吧三、源码分析3.1 initInjections3.2 resolveInject3.4 initProvide一、provide/inject的作用及使用方式依赖注入的主要只用是组件之间的传值。那相对于其他方式的特点:优点:祖先组件不需要知道哪些后代组件使用它提供的属性;后代组件不需要知道被注入的属性来自哪里;缺点:组件间的耦合较为紧密,不易重构;提供的属性是非响应式的原创 2022-04-15 11:35:46 · 1427 阅读 · 0 评论 -
【VUE】— diff算法原理
系列文章目录【VUE】— watch侦听器原理文章目录系列文章目录一、简介二、源码分析2.1 patch函数2.2 sameVnode2.3 patchVnode2.4 updateChildren三、vue3中对于diff算法的优化一、简介在vue中会维护一个和 DOM 节点对应的 vnode 对象。vnode 的 children 数组中对应子节点的 vnode 对象,所以在 vue 中通过 vnode 和真实的 DOM 树进行映射,我们也称之为虚拟树。正是有了虚拟树,当数据更新时。我们可以原创 2022-04-14 09:44:08 · 3083 阅读 · 0 评论 -
【Vue】— nextTick原理
文章目录前言发现问题异步更新nextTick源码分析总结补充`MutationObserver`前言在做项目的时候,我们经常会用到nextTick,简单的理解就是它就是一个setTimeout函数,将函数放到异步后去处理;将它替换成setTimeout好像也能跑起来,但它仅仅这么简单吗?那为什么我们不直接用setTimeout呢?让我们深入剖析一下。友情提示:在开启本文前,需要对JS事件循环有一定了解;如果对事件循环还不了解的小伙伴,先去了了解一下。发现问题记得之前有一个需求,就是根据文字的行数来转载 2022-03-24 14:07:26 · 6214 阅读 · 0 评论 -
【VUE】— watch侦听器原理
文章目录原创 2022-04-13 19:19:35 · 1410 阅读 · 0 评论