西瓜watermelon

本文仅用于记录MVVM小demo的完整代码，关于MVVM的实现原理及分析请参考另一篇文章MVVM源码解析

在JavaScript中我们经常会用到if else-if else等这种条件运算符来根据不同的条件实现不同的功能，在vue中也会用到v-if指令来进行不同组件的渲染。同样react也是支持这种条件渲

react中的事件是以小驼峰的方式命名，在给事件绑定函数时直接绑定函数名而不是函数的字符串形式 react中的事件不能通过return false的方式阻止元素的默认行为，必须要显式调用prevent

需要注意的是：这里不能直接通过this.state.date = xxx来修改date值，因为这样即使date值被修改了，页面也不会重新渲染。 只有通过调用setState方法改变date，页面才会重

在React中组件分为类组件和函数组件，组件在渲染使用时跟普通dom标签一样，我们可以像写html标签一样将react元素直接写在组件中，我们还可以把不同功能模块封装成不同的独立的组件，然后再在同一个

本次分享我们学习了react中的元素渲染，首先学习了react中元素的概念，然后还简单介绍了react中元素与浏览器中dom元素的区别，最后通过显示Hello，world和实时获取当前时间的小例子来展

RouterView组件仅接收一个name自定义属性，主要用于区分命名视图和默认视图，然后在render函数中根据当前路由信息及自定义的name属性去匹配对应的组件，匹配时会优先检查是否被缓存，如果被

就是数据发生变化时会触发set函数，在set函数中则会触发对应的组件更新，组件更新又会调用到patch方法，在patch中先进行根虚拟dom的比较，然后再调用patchVnode实现子节点的对比，在p

RouterLink通过to属性接收路由信息，当用户点击RouterLink时会触发一个handler的函数，在handler中会将路由路径传递给router.push或router.replace从