从基础组件创建组件预设答案

【问题标题】：create component presets from base components从基础组件创建组件预设
【发布时间】：2020-03-24 12:04:09
【问题描述】：

我想知道我是否可以预设一些组件的道具。我在这个示例中使用了 Vuetify：假设您想要使用一些道具自定义 v-btn。因此自定义实现将充当子组件，因为它仍然提供父组件所做的一切，但它直接实现了一些道具。

您希望有一些具有特定颜色的预定义按钮，以便您可以创建您的子按钮，例如

<template>
    <v-btn color="primary"></v-btn>
</template>

但这会很糟糕，因为您仍然想提供“真实”按钮所做的所有道具和听众。你只是想实现一些道具。

有没有一种简单的方法可以实现这一目标？

【问题讨论】：

【解决方案1】：

您可以将 VBtn 组件作为 mixin 导入并重新定义 prop 默认值。

import {VBtn} from 'vuetify/lib'
export default {
  name : 'VBtnGreen',
  mixins: [VBtn],
  props: {
   color : {
     default : 'green'
   }
  }
}

【讨论】：