自学内容网 自学内容网

vue的三大核心知识点

  • 响应式: 监听data属性getter setter(包括数组)
  • 模板编译: 模板到render函数再到vnode
  • vdom: patch(elem, vnode)和patch(vnode, newVnode)

vue组件初次渲染过程

  • 解析模板为render函数(或在开发环境已完成,vue-loader)
  • 触发响应式,监听data属性getter setter
  • 执行render函数,生成vnode,patch(elem, vnode)

更新过程

  • 修改data,触发setter(此前getter中已被监听)
  • 重新执行render函数,生成newVnode
  • patch(vnode, newVnode)

在这里插入图片描述


原文地址:https://blog.csdn.net/huyijian1314/article/details/140573374

免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!