Skip to content

vue组件是如何渲染和更新的

初次渲染过程

  • 1、调用vue-template-complier解析模板为render函数
  • 2、触发响应式,监听getter和setter
  • 3、执行render函数,生成vnode,再调用patch函数生成vdom,最后挂载到页面

组件更新过程

  • 1、修改data,触发setter
  • 2、重新执行render生成vnode,调用patch生成vdom,最后挂载到页面

流程图解析

要能边讲边画出来

image