组件特性

Code Group

用标签页形式组织多段代码示例的组件。

Usage

<template>
  <div>
    <NuxtLayout>
      <NuxtPage />
    </NuxtLayout>
  </div>
</template>

<template>
  <div>
    <h1>Welcome to the homepage</h1>
    <AppAlert>
      This is an auto-imported component
    </AppAlert>
  </div>
</template>

::code-group
  ```vue [app.vue]
  <template>
    <div>
      <NuxtLayout>
        <NuxtPage />
      </NuxtLayout>
    </div>
  </template>
  ```

  ```vue [pages/index.vue]
  <template>
    <div>
      <h1>Welcome to the homepage</h1>
      <AppAlert>
        This is an auto-imported component
      </AppAlert>
    </div>
  </template>
  ```
::

::code-group is a wrapper around ::tabs{variant="card"}.

Props

sync

string

Sync scope for ::tabs

编辑页面 or 提交问题

Card Group

用于组织多个卡片入口的分组组件。

Code Tree

展示多文件代码结构和代码内容的树形组件。