16.（vue3.x+vite）组件间通信方式之具名插槽

前端技术社区总目录（订阅之前请先查看该博客）

示例效果

具名插槽

很多时候我们子组件中都不止只有一个 slot，比如弹窗组件，我们可能允许调用者同时传入 header、content、footer 等，这时就需要具名插槽

父组件代码

<template>
  <div>
    <div>父组件--Hello World!</div>
    <child