[Vuejs]-How can I implement a generic component and subclass it for specific model in Vue?

by

2👍

✅

Since your dialog component is just a template with slots, it seems like it would be easiest to use both the generic dialog component and the form component in your template and then simply put the form component tag in the dialog component’s center slot:

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

As Bert Evans mentioned in his comment, if you were looking for a way to separate out general functionality of a vue component, you could either use Vue.extend(), or Vue mixins.

👤thanksd

Leave a comment