V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
rockjike
V2EX  ›  分享创造

用 console.log 分析 vue 源码

  •  2
     
  •   rockjike · 2018-12-20 17:54:07 +08:00 · 3635 次点击
    这是一个创建于 2191 天前的主题,其中的信息可能已经有所发展或是发生改变。

    通过console.log的一些特性,结合vue.js的源码,通过一个简单的例子,让你了解Vue的各个过程的变化.
    控制台输出的效果图

    image

    请用 chrome 查看,并打开控制台看效果 演示地址

    源码 github 欢迎 star

    9 条回复    2018-12-21 14:36:25 +08:00
    TomatoYuyuko
        1
    TomatoYuyuko  
       2018-12-20 18:02:27 +08:00
    很强。。。控制台才是最实用的教学工具
    Alexisused
        2
    Alexisused  
       2018-12-20 18:49:17 +08:00
    厉害
    codermagefox
        3
    codermagefox  
       2018-12-21 00:02:49 +08:00
    这个思路很棒啊,已 star
    mrcode
        4
    mrcode  
       2018-12-21 00:05:10 +08:00
    很🐂🍺,天马行空的想法,但是却很有意义,感谢
    antowa
        5
    antowa  
       2018-12-21 08:50:59 +08:00
    看源码还需要打印??
    rockjike
        6
    rockjike  
    OP
       2018-12-21 09:18:30 +08:00
    感谢大家🙏
    rockjike
        7
    rockjike  
    OP
       2018-12-21 09:20:27 +08:00
    @antowa 可以看到某些时刻的变量状态, 比如虚拟 dom 具体是什么样的,主要是帮助理解
    zzxCNCZ
        8
    zzxCNCZ  
       2018-12-21 09:22:58 +08:00
    666,很有想法啊小伙子
    kirisakiaria
        9
    kirisakiaria  
       2018-12-21 14:36:25 +08:00
    感谢分享
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   5297 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 30ms · UTC 07:10 · PVG 15:10 · LAX 23:10 · JFK 02:10
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.