You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
vuejs源码看下来也是,从3年前接触到vuejs开始,一直断断续续看了一些关于实现原理的文章,初看一堆概念:parser,compiler, observer, watcher 等等。每一部分都有复杂的细节实现。但是只要把握他的主线剧情:即如何把 state 和 dom 关联起来,使data的改动反应到DOM上,DOM的改动反应到 state 上。顺着这个思路比较容易看懂甚至自己实现一个类似的框架。
#总结
看代码就像看电影一样,不懂的时候觉得到处都是迷,觉得主角周围发生的事都好不可思议,看懂了之后就能发现一根清晰的主线剧情,或是亲情,或是爱情,或是复仇,或是为名为財。所有之前那些迷都豁然开朗。
vuejs源码看下来也是,从3年前接触到vuejs开始,一直断断续续看了一些关于实现原理的文章,初看一堆概念:parser,compiler, observer, watcher 等等。每一部分都有复杂的细节实现。但是只要把握他的主线剧情:即如何把 state 和 dom 关联起来,使data的改动反应到DOM上,DOM的改动反应到 state 上。顺着这个思路比较容易看懂甚至自己实现一个类似的框架。
那么为什么vuejs几千行的代码量 我们只需要约 500 行代码就能实现呢?其实是因为我们省略了绝大部分的细节,这些细节很重要:
把上述这些全部实现,那么我们就能得到一个和vuejs几乎一样的框架出来,要不要试试?
关于 vue2.0
vue2.0 的源码解析系列我会再更新的,敬请期待。关于
vue2
和vue1
有哪些改动呢?主要是这几部分:Virtual DOM
,指令中将和VM
交互,而不是直接调用原生的DOM API.我们的代码将彻底和 DOM 解耦patch
阶段。flow
作为类型检查的工具。更详细的改动可以参见官方文档 从 Vue 1.x 迁移
记住这几点
希望读过这几篇文章后,能记住以下几点
vue1.0源码解析系列
到此完结,谢谢大家~The text was updated successfully, but these errors were encountered: