スライドのコンポーネント

Slidev の最も強力な機能の 1 つは、Vue コンポーネントをスライド内で直接使用できる機能です。これにより、対話的で動的なコンテンツを簡単に作成できます。

コンポーネントの使用

unplugin-vue-components の助けを借りて、Slidev はスライド内で Vue コンポーネントを手動でインポートすることなく直接使用できます。

# My Slide

<MyComponent :count="4"/>

コンポーネントの取得元は以下の通りです。

• ビルトインコンポーネント。ビルトインコンポーネント を参照してください。
• テーマとアドオンによって提供されたもの。📖 テーマとアドオン を参照してください。
• components ディレクトリ内のカスタムコンポーネント。次のセクションを参照してください。

コンポーネントの作成

カスタムコンポーネントを作成するには、components ディレクトリに新しい Vue ファイルを作成するだけです。

your-slidev/
  ├── ...
  ├── slides.md
  └── components/
      ├── ...
      └── MyComponent.vue

Vue コンポーネントの作成方法については、Vue ドキュメント を参照してください。

また 📖 アドオンを作る を使用して、コンポーネントを再利用し、他の人と共有することもできます。