Vue封装一个按钮组件（不使用框架）

做留言墙项目，根据设计稿，发现有四种按钮，这里不使用框架，自己写一个按钮组件
在components下新建MyButton/MyButton.vue

<template>
  <button :class="`my-btn btn-${type}`"><slot>slot>button>
template>

<script>
export default {
     
  props: {
     
    type: {
     
      type: String,
      default: "Button",
    },
  },
};
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16