代码整理，添加theme属性

coderjam · coderjam · commit 25458abbd63e · 2022-07-24T00:10:09.000+08:00
diff --git a/src/components/ButtonDemo.vue b/src/components/ButtonDemo.vue
@@ -3,6 +3,9 @@
     <h1>Button 示例</h1>
     <div>
       <Button @click="onClick">你好</Button>
+      <Button @click="onClick" theme="button">你好</Button>
+      <Button @click="onClick" theme="text">你好</Button>
+      <Button @click="onClick" theme="link">你好</Button>
     </div>
   </div>
 </template>
diff --git a/src/lib/Button.vue b/src/lib/Button.vue
@@ -1,19 +1,17 @@
 <template>
-  <div :size="size">
-    <button v-bind="rest">
+    <button class="zhiwei-button" :class="`theme-${theme}`">
       <slot></slot>
     </button>
-  </div>
 </template>
 
 <script lang="ts">
 export default {
-  inheritAttrs: false,
-  setup(props, context) {
-    // ES6 剩余操作符
-    const {size, ...rest} = context.attrs;
-    return {size, rest};
+props:{
+  theme:{
+    type:String,
+    default: 'button'
   }
+}
 };
 </script>
 
