Vue自定义组件

Question

在我的SPA中，我有一个带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将事件发送到父组件。