Vue框架
关注
分享
扫一扫
文章平均质量分 96
框架面试题
abuanden
这个作者很懒，什么都没留下…
展开
-
7、Vue双向绑定原理和实现
原理视图（view）变化更新数据（data）。这个很简单，通过事件监听就可以实现数据（data）变化更新视图（view）。通过数据劫持（即Object.defineProperty( )方法）结合发布者-订阅者模式下面重点介绍 数据变化更新视图。总流程：全文浓缩为一句话：Vue是采用1.数据劫持结合发布/订阅模式的方式，通过Object.defineProperty()来劫持各个属性的setter，getter2. 在数据变动时发布消息给订阅者3. 触发相应的监听回调请看完再回原创 2021-03-14 11:31:13 · 249 阅读 · 1 评论 -
3、Vue组件通信的六种方式
选自：vue组件间通信六种方式（完整版）方法一、props/$emit（必掌握）父组件A通过props的方式向子组件B传递，B to A 通过在 B 组件中 $emit, A 组件中 v-on 的方式实现1.父组件向子组件传值（props）这是最最常用的父子组件通信方式，父组件向子组件传递数据是通过prop传递的，子组件传递数据给父组件是通过$emit触发事件来做到的方法：父组件 => 定义传参名字和数据 v-bind:name = ‘parameter’子组件 => props转载 2021-03-11 11:26:21 · 251 阅读 · 0 评论 -
2、Vue：虚拟Dom，Diff算法通俗易懂的解释
选自：vue之虚拟DOM、diff算法一、真实DOM和其解析流程？浏览器渲染引擎工作流程都差不多，大致分为5步，创建DOM树——创建StyleRules——创建Render树——布局Layout——绘制Painting第一步，用HTML分析器，分析HTML元素，构建一颗DOM树(标记化和树构建)。第二步，用CSS分析器，分析CSS文件和元素上的inline样式，生成页面的样式表。第三步，将DOM树和样式表，关联起来，构建一颗Render树(这一过程又称为Attachment)。每个DOM节点都有原创 2021-03-10 16:26:35 · 299 阅读 · 0 评论 -
1、Vue的生命周期和钩子函数
选自：理解vue实例的生命周期和钩子函数vue生命周期钩子函数的正确使用方式一、vue实例的生命周期生命周期：二、 结合生命周期理解钩子函数时间线：create => mounted => updated => destoryvue2.0提供了一系列钩子函数，这些函数和生命周期的各个阶段一一对应：也可以这么看：结合代码：<!DOCTYPE html><html><head> <title>钩子函数原创 2021-03-10 15:06:14 · 344 阅读 · 0 评论