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

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

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理