阳光下的雪海

在上一篇文章《深入Weex系列（四）之Module组件源码解析》中我们结合源码学习了Module的注册、调用、回调等流程，并且分析一个Weex自带Module的实现。 那么本篇文章我们开始分析Weex的另一个重要组件Component，关于Component的注册、调用等分析本…

在上一篇文章《深入Weex系列（六）Weex渲染流程分析》中我们分析了Weex的渲染流程，但是实际上串起来的还是Module以及Component组件，加上Weex特有的渲染流程。 Module组件和Component组件对Weex Android SDK的意义非常大，属于没有…

通过 parser 将 .vue 解析成对象 parts, 里面分别有 style, script, template。可以根据不同的 query, 返回对应的部分。 同样的，为了方便读者理解主要流程，笔者去掉了部分代码。 从上面代码可以看到，.vue 解析的工作其实是交给了 …

简单来说就是：将 *.vue 文件变成 *.bundle.js，然后放入浏览器运行。 以上的输出就是最终可以拿到浏览器上运行的 javaScript，尽管笔者已经删除了一些会影响理解的部分代码，但是这么直接观察这个文件，难免还是无从下手。 那么我们继续细化分析步骤，vue-lo…

根据官网的文档，可以很迅速的完成quick start，之后很愉快地把自己写的tabbar组件搬了过来，首先先引入组件... 由于是基于实际问题出发的源码探究，所以本质是为了解决问题，那么就得先定位出该问题可能会产生的原因，并带着这个问题去阅读源码。从warning可以很明确的…

vue的特点不必多说(简单易用)。修改数据方便不需要记忆api方法,这都归功于Object.defineProperty,它可以在数据的设置和获取时增加我们自己的功能！(像墙一样) 如何将视图和数据关联起来呢?就是将每个数据和对应的watcher关联起来。当数据变化时让对应的w…

其实 eMount 最后还是去调用的 rMount，只不过在 eMount 做了一定的操作，如果你提供了 render 函数，那么它会直接去调用 rMount，如果没有，它就会去找你有没有提供 template，如果你没有提供 template，它就会用 el 去查询 dom …

非常详细的源码解析文章，2 万字长文，并配合注释版源码，阐述了 Vue 的整个生命周期，包含了 transclue、compile、link、依赖订阅与退订、parseExpression 等内容，也介绍了一般文章不常深入的 “如何解决 getter/setter 无法订阅属性的添加与删除” 等等代码细节。

这篇文章讲解的是 Vue 框架中通过 Object.defineProperty() 这个方法实现数据劫持的作用