说说你了解哪些Vue组件设计原则？

【概念释义】

组件设计原则：单一职责、props 向下 events 向上、可组合（插槽/composable）、可控与不可控模式、接口稳定（少 breaking props）、表现与容器分离、无障碍与样式可定制（class/插槽）。

【基础使用】

<!-- 展示组件 -->
<template>
  <button :class="variant" @click="$emit('click')"><slot /></button>
</template>
<script setup>