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