认识

2023年06月10日

柏拉文

越努力，越幸运

一、认识

---

渲染器 renderer, 基本实现如下所示:

export function createRenderer(options) {
  const { insert, createElement, setElementText } = options;

  const patch = (n1, n2, container) => {};

  const mountElement = (vnode, container) => {};

  const render = (vnode, container) => {};

  return {
    render
  };
}

二、细节

---

2.1 options

renderer 设计思想是设计一个不依赖于浏览器平台的通用渲染器, 所以需要将渲染的 API 抽离。因此, options 就是 Vue 在不同平台宿主环境下对应DOM的操作实现