vue slot 类比于 react props.children

portals:插槽,将一个React元素渲染到指定的真实DOM容器中

  1. ReactDOM.createPortal(React元素, 真实的DOM容器);// 返回一个React元素

也可以将其认为是一个高阶组件

注意!

  1. React中的事件是包装过的,不是真实DOM的事件
  2. 它的事件冒泡是根据虚拟DOM树(React组件结构,通过React开发者工具查看)来冒泡的,与真实的DOM树无关
  3. React允许其虚拟DOM树与真实DOM树有差异!!

image.png
image.png
image.png
image.png
image.png