有关组件的patch问题

Question

组件的patch感觉这一节有点绕，看了5-6遍了 还不是理不清，老师你能举个栗子么 比如App.vue里面用了HelloWord组件，HelloWord组建中又嵌套了 Scroll组件，该怎么patch，简单描述一下就行，给点指南，感谢

Answer 1

ustbhuangyi 2019-11-29 23:03:42

简单的理解，组件化的实现过程就是一个递归 new Vue 的过程，new Vue 后就是一个 init -> render -> patch 的过程，而 patch 就是把 render 生成的 vnode 转换成真实 DOM 的过程，vnode 又分普通的 vnode 和组件 vnode，patch 过程中遇到了组件 vnode，就会根据这个组件 vnode 再次执行 new Vue 的过程。

• 提问者 捕风的紫色鸢尾 #1

  非常感谢！

• 提问者 捕风的紫色鸢尾 #2

  黄老师遇到组件的vnode为啥还要执行new Vue  是因为要找到组件里面是否嵌套子组件然后让子组件继续执行new Vue -> init -> render ->patch的过程  最后把所有嵌套的组件之间全部插入到dom树中吗   我理解的对吗 - . -

• ustbhuangyi 回复 提问者 捕风的紫色鸢尾 #3

  遇到组件 vnode 说明当前 vnode 是一个子组件。