开始之前的小唠叨不管逻辑有没有搞懂，先把样式写出来总是没错啦~思路梳理代码

虽然目前的技术栈已由 Vue 转到了 React，但从之前使用 Vue 开发的多个项目实际经历来看还是非常愉悦的，Vue 文档清晰规范，api 设计简洁高效，对前端开发人员友好，上手快，甚至个人认为在很多场景使用 Vue 比 React 开发效率更高，之前也有断断续续研读过 V…

文章结构.png如果你想阅读体验更好戳该链接即可vue中的组件以及父子组件间通信传值前言您将在本文当中了解到,往网页中添加数据,从传统的dom操作过渡到数据层操作,实现同一个目标,两种不同的方式.以及

在解析源码前，先来了解下前端路由的实现原理。 前端路由实现起来其实很简单，本质就是监听 URL 的变化，然后匹配路由规则，显示相应的页面，并且无须刷新。目前单页面使用的路由就只有两种实现方式 www.test.com/#/ 就是 Hash URL，当 # 后面的哈希值发生变化时…

我们可以将同一函数定义为一个方法而不是一个计算属性。两种方式的最终结果确实是完全相同的。 不同的是计算属性是基于它们的依赖进行缓存。计算属性只有在它的相关依赖发生改变时才会重新求值。 假设我们有一个性能开销比较大的的计算属性 A，它需要遍历一个巨大的数组并做大量的计算。然后我们…

页面初始化的所有状态都准备就绪之后，下一步就是要生成组件相应的虚拟节点—— VNode。初次进行组件初始化的时候，VNode 也会执行一次初始化并存储这时创建好的虚拟节点对象。在随后的生命周期中，组件内的数据发生变动时，会先生成新的 VNode 对象，然后再根据与之前存储的旧虚…

三部曲中，diff的性能很关键，所以一般对vnode的type和key作比较，如果不一致，则该vnode及以下孩子们全部干掉（好残忍，无法直视（>﹏<）），用新的直接替换，不再往下对比。 还没。。。还没开始（#￣▽￣#）

vue基本概念区分安装vuecmd命令npmivueyarnaddvuevue核心实现方法vue指令v-forv-bindv-ifv-cloakv-prevue对象vue数组vue事件vue过滤器vu

大家都知道，vue是个MVVM框架，能够实现view和model的双向绑定，不像backbone那样，model改变需要手动去通知view更新，而vue实现的原理就是通过Object.defineProperty实现数据挟持，定义setter，然后数据改变的时候通知视图更新。 …