Skip to content

Vue3 中 JSX 的语法格式

slots 插槽

  1. 具名插槽

vue3 中语法

vue
<template>
  <Menu>
    <template #title>
      <span>这是title的slots</span>
    </template>
  </Menu>
</template>

jsx 语法

js
const com = () => (
  <Menu
    vSlots={{
      title: ({ val }) => {
        return <span>这是title的slots</span>
      },
    }}
  ></Menu>
)