摘要: Vue模版编译原理知道吗,能简单说一下吗? 简单说,Vue的编译过程就是将template转化为render函数的过程。会经历以下阶段: 生成AST树 优化 codegen 首先解析模版,生成AST语法树(一种用JavaScript对象的形式来描述整个模板)。 使用大量的正则表达式对模板进行解析,遇 阅读全文
posted @ 2023-03-15 11:16 yyzzabc123 阅读(34) 评论(0) 推荐(0) 编辑
摘要: 前面几节我们从new Vue创建实例开始,介绍了创建实例时执行初始化流程中的重要两步,配置选项的资源合并,以及响应式系统的核心思想,数据代理。在合并章节,我们对Vue丰富的选项合并策略有了基本的认知,在数据代理章节我们又对代理拦截的意义和使用场景有了深入的认识。按照Vue源码的设计思路,初始化过程还 阅读全文
posted @ 2023-03-15 11:15 yyzzabc123 阅读(39) 评论(0) 推荐(0) 编辑
摘要: 什么是 mixin ? Mixin 使我们能够为 Vue 组件编写可插拔和可重用的功能。 如果希望在多个组件之间重用一组组件选项,例如生命周期 hook、 方法等,则可以将其编写为 mixin,并在组件中简单的引用它。 然后将 mixin 的内容合并到组件中。如果你要在 mixin 中定义生命周期 阅读全文
posted @ 2023-03-01 17:40 yyzzabc123 阅读(56) 评论(0) 推荐(0) 编辑
摘要: Vue 组件间通信有哪几种方式? ​ Vue 组件间通信是面试常考的知识点之一,这题有点类似于开放题,你回答出越多方法当然越加分,表明你对 Vue 掌握的越熟练。Vue 组件间通信只要指以下 3 类通信:父子组件通信、隔代组件通信、兄弟组件通信,下面我们分别介绍每种通信方式且会说明此种方法可适用于哪 阅读全文
posted @ 2023-03-01 17:40 yyzzabc123 阅读(50) 评论(0) 推荐(0) 编辑
摘要: 上一章,我们讲到了Vue初始化做的一些操作,那么我们这一章来讲一个Vue核心概念响应式系统。 我们先来看一下官方对深入响应式系统的解释: 当你把一个普通的 JavaScript 对象传给 Vue 实例的 data 选项,Vue 将遍历此对象所有的属性。 并使用 Object.defineProper 阅读全文
posted @ 2023-03-01 17:40 yyzzabc123 阅读(20) 评论(0) 推荐(0) 编辑
摘要: 简单回顾一下这个系列的前两节,前两节花了大量的篇幅介绍了Vue的选项合并,选项合并是Vue实例初始化的开始,Vue为开发者提供了丰富的选项配置,而每个选项都严格规定了合并的策略。然而这只是初始化中的第一步,这一节我们将对另一个重点的概念深入的分析,他就是数据代理,我们知道Vue大量利用了代理的思想, 阅读全文
posted @ 2023-03-01 17:39 yyzzabc123 阅读(16) 评论(0) 推荐(0) 编辑
摘要: v-model 是如何实现的,语法糖实际是什么? (1)作用在表单元素上 动态绑定了 input 的 value 指向了 messgae 变量,并且在触发 input 事件的时候去动态把 message设置为目标值: <input v-model="sth" /> // 等同于 <input v-b 阅读全文
posted @ 2023-02-28 10:44 yyzzabc123 阅读(30) 评论(0) 推荐(0) 编辑
摘要: 上一节,我们深入分析了以data,computed为数据创建响应式系统的过程,并对其中依赖收集和派发更新的过程进行了详细的分析。然而在使用和分析过程中依然存在或多或少的问题,这一节我们将针对这些问题展开分析,最后我们也会分析一下watch的响应式过程。这篇文章将作为响应式系统分析的完结篇。 7.12 阅读全文
posted @ 2023-02-28 10:44 yyzzabc123 阅读(32) 评论(0) 推荐(0) 编辑
摘要: Vue为什么没有类似于React中shouldComponentUpdate的生命周期 考点: Vue的变化侦测原理 前置知识: 依赖收集、虚拟DOM、响应式系统 根本原因是Vue与React的变化侦测方式有所不同 当React知道发生变化后,会使用Virtual Dom Diff进行差异检测,但是 阅读全文
posted @ 2023-02-28 10:43 yyzzabc123 阅读(25) 评论(0) 推荐(0) 编辑
摘要: 为了深入介绍响应式系统的内部实现原理,我们花了一整节的篇幅介绍了数据(包括data, computed,props)如何初始化成为响应式对象的过程。有了响应式数据对象的知识,上一节的后半部分我们还在保留源码结构的基础上构建了一个以data为数据的响应式系统,而这一节,我们继续深入响应式系统内部构建的 阅读全文
posted @ 2023-02-28 10:41 yyzzabc123 阅读(15) 评论(0) 推荐(0) 编辑
点击右上角即可分享
微信分享提示