240 投稿
收录了8篇文章 · 1人关注
  • Resize,w 360,h 240
    vue源码分析(六):数据绑定与数据劫持

    前面几节我们说了vue初始化显示的一些内容,重点在指令解析上面。当初始化的视图绘制好了之后,问题又来了——当数据发生了更新,视图怎么办呢?这就引...

  • vue源码分析(八):双向数据绑定v-model

    有了前面的基础,v-model其实很容易实现。 实现思路:1、解析element的属性节点(v-model="name") 2、将input的v...

  • Resize,w 360,h 240
    vue源码分析(七):监听者Watcher

    上回我们留下了一个问题:当更新视图时,我们注册的key,跟触发时的key不一致了,所以导致无法更新视图,怎么办呢?我们知道,get和set的ke...

  • vue源码分析(五):一般指令

    vue中一般性的指令比较多,我们就举个比较典型的来说一下,其他的思路都一样的。比如动态class指令: 动态class是我们常用的指令,这个是如...

  • vue源码分析(四):事件指令

    vue中如何绑定事件的呢? 如何实现事件指令呢?先理顺一下思路:1、将#app下的节点暂存到碎片fragment处理。2、解析节点,判断是ele...

  • vue源码分析(三):模板解析

    什么是模板解析? 如下面一段代码,{{name}}是如何工作的呢? 思路很简单:1、获取#app元素下的所有节点,放入文档碎片处理2、用正则表达...

  • vue源码分析(二):数据代理

    1、什么是数据代理? 所谓代理,就是中间人的意思。 显然,vue实现了数据代理: 2、如何实现数据代理? 思路很简单,我们可以将vm中的data...

  • vue源码分析(一):准备知识

    1、节点类型 常用节点一共分为三种,分别是元素节点(element)、属性节点(attribute)、文本节点(text)。 2、Object....

专题公告

vue源码分析