Vue 自定义组件

Question

在我的 SPA 中，我有一个 v-card 和一个 v-card-title。

v-card-text 是许多其他组件/文本和具有许多逻辑和属性的关闭按钮的组合。

有没有办法创建一个自定义组件（例如my-card-text），它自动包含通用部分和始终相同的按钮？

我想写一些类似的东西：

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

是否可以在自定义组件中编写代码？

Answer 1

是的，这绝对是可能的。您可以将插槽用于需要传递的内容。如果您想要自定义行为（例如单击），您还可以使用 $emit 向父组件发出事件。