Vue 自定義組件

Question

在我的 SPA 中，我有一個帶有v-card v-card-title的 v-card 。

v-card-text是許多其他組件/文本和具有許多邏輯和屬性的關閉按鈕的組合。

有沒有辦法創建一個自定義組件（類似於my-card-text ），它自動包含始終相同的 commond 部分和按鈕？

我想寫一些類似的東西：

<v-card>
   <my-card-text>
      <something/>
      <a>a link</a>
      <v-btn>OK</v-btn>
   </my-card-text>
</v-card>

是否可以在自定義組件中編寫代碼？

Answer 1

是的，這絕對是可能的。 您可以將插槽用於需要傳遞的內容。 如果您想要自定義行為（例如單擊），您還可以使用 $emit 向父組件發出事件。