vue3封装Button组件

Button.vue

<template>
  <!-- 控制按钮显示不同样式 -->
  <button
    @click="handleClick"
    :class="[
      type ? 'button-' + type : '',
      'button_init',
      {
        'is-plain': plain,
        'is-circle': circle,
      },
    ]"
  >
    <!-- 按钮显示内容 -->
    <span v-if="$slots.default"><slot></slot></span>
  </button>
</template>

<script>
import {
      getCurrentInstance } from "vue";
export default {
     
  name: "Button",
  // 按钮选型接收参数
  props: {
     
    type: {
     
      type: String,
      default