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 向父组件发出事件。