Vue.js 如何在Vue中实现通用组件并为特定模型将其子类化？

我有一个用于通用对话框窗口的Vue组件。它没有模型，只有几个插槽用于标题、中间和按钮

现在我想用一个表单填充这个对话框。显然，模型的细节和内容是特定于中包含的表单以及一般行为（例如验证等）的

---

处理此要求的首选Vue方法是什么？

由于您的对话框组件只是一个带插槽的模板，似乎在模板中同时使用通用对话框组件和表单组件是最容易的，然后只需将表单组件标记放在对话框组件的中心插槽中：

<template>
  <my-generic-dialog>
    <template slot="center">
      <my-form></my-form>
    </template>
  </my-generic-dialog>
</template>

---

---

正如Bert Evans在评论中提到的，如果您正在寻找一种方法来分离vue组件的一般功能，您可以使用，或者。

为什么不把表单组件放在对话框窗口组件的中间位置？@RoyJ这在解决我的problem@thanksd因为我想将对话框组件作为通用组件重用。如果我这样做，我将对话框绑定到一个特定的表单子组件。不，您仍然有两个组件：通用对话框和表单。在希望对话框中有表单的视图中，您需要导入这两个组件，并将表单组件标记放在通用对话框的中心插槽中