render、diff 还有渲染 DOM 的时机

Question

老师，我对 render、diff 还有渲染 DOM 的时机有点混淆，您帮我看看：

• 初次渲染：模板编译后生成render -> 触发响应式，监听数据 -> 渲染时执行render生成 vdom。

  • 那是不是在最后一步 render 生成 vdom 的同时，相应的 DOM 也就渲染好了？

  • DOM 也是通过 render 生成的吗？
    

  • 这一步是不是不涉及到 diff ？

• 更新组件：修改data触发setter -> 重新执行 render生成 newVnoe -> diff。

  • 是不是diff之后，就是把真实 DOM 修改好了？
    

Answer 1

双越 2022-06-29 09:21:31

初次渲染直接吧 VDOM 渲染为 DOM ，不涉及 diff

更新时，使用 diff ，diff 结束时 DOM 也就修改好了