美文网首页
Vue源码解析(2.0)

Vue源码解析(2.0)

作者: Chaos_YM | 来源:发表于2019-07-24 22:19 被阅读0次

    一,认识flow

    vue使用flow来进行静态类型检查(与typescript好像)

    二,从入口开始

    Vue最初是一个构造函数,通过不同模块,向Vue的原型上挂载了很多方法,实现了功能的模块化,易于管理;
    Vue的初始化过程:首先,Vue构造函数的定义,并在原型上定义了诸多方法,然后,通过global-api定义了很多静态方法

    三,核心概念 --- 数据驱动

    Vue的数据是是如何生成DOM展现在页面的(数据驱动分析在后面的响应式原理)

    1,new Vue发生了什么
    new Vue后,创建了Vue类的实例,然后实例中调用了原型方法init,初始化一系列方法,然后检查是否有挂载点,如果有,调用了$mount方法,使视图更新
    其中有一个init方法对data进行处理,使用proxy代理,使的可以通过this.xx来访问data

    相关文章

      网友评论

          本文标题:Vue源码解析(2.0)

          本文链接:https://www.haomeiwen.com/subject/pzbfrctx.html