关于vue.js:Vue插槽源码解析

2次阅读

共计 235 个字符,预计需要花费 1 分钟才能阅读完成。

  1. 执行 render 时造成虚构节点时,当存在组件标签内蕴含标签(插槽内容)的状况,和非组件标签内蕴含标签时的解决是雷同的(这是能够把组件标签当作一般标签),插槽内容会作为子节点保留在组件的 children 字段里。
  2. 当在组件标签实例化时,读取 children 值,将插槽节点以键值对的模式保留在组件实例上,插槽名称为键名。
  3. 组件实现实例化后,render 渲染页面时,模板上的 slot 标签会依据之前保留的插槽信息返回插槽节点,增加到父标签的 children 字段里,实现组件内节点拼接。
正文完
 0