摘要：
祖孙之间的传值主要是靠祖组件的provide和孙组件的inject来进行传值，但是如果知识这两个的话就只能单向的由祖组件传给孙组件，而且值是无法通过控制台修改的，要是想弄成响应式的数据的话需要进行一系列的操作。 首先我们先实现无法修改的 到这里祖组件向孙组件的传值就完成了，但是这个传值是不能修改的， 阅读全文
摘要：
在不用状态管理vuex的时候，如何让GrandFather与Son通信，我们可以用可以emit一层一层的传递:会显得冗余。 vue2.4之后，提出$attrs、$listeners ,可以实现跨级组件通信。 $listeners官网解说:事件传递 $attrs官网解说:属性传递 组件一:<two v 阅读全文
摘要：
上一个随笔提到属性传值是单向的，意思就是只能父组件向子组件传值，那么想要子组件向父组件传值的话就要用到$emit来触发事件 阅读全文
摘要：
属性传值 所谓的属性传值，就是父组件通过绑定属性的方法，然后子组件通过props来获取父组件的值，而属性传值的方法有两种形式： 第一种：具体的一个值（字符串，数值,布尔型） 传递的值，只会改变局部，不会改变全部的数据 第二种：传递一个引用（数组或对象）传递引用，改变一个地方的数据，所有跟引用相关的数 阅读全文
摘要：
DIFF算法 用 JavaScript 对象结构表示 DOM 树的结构；然后用这个树构建一个真正的 DOM 树，插到文 档当中 当状态变更的时候，重新构造一棵新的对象树。然后用新的树和旧的树进行比较(diff)，记录两棵树差异 把第二棵树所记录的差异应用到第一棵树所构建的真正的DOM树上(patch 阅读全文
摘要：
第一步： 每一个组件在加载时都会调用内部的render函数把这个组件的template选项的模板解析为一个Javascript对象，而这个对象跟DOM节点对象一摸一样，这个对象的作用就是为了后面的页面渲染。 第二步： 接下来就是数据劫持代理监听等 底层有一种设计: 发布/订阅设计 其实就是写了一个w 阅读全文