创建Button组件

coderjam · coderjam · commit 42782d13341d · 2022-07-23T23:32:10.000+08:00
diff --git a/src/components/ButtonDemo.vue b/src/components/ButtonDemo.vue
@@ -1,5 +1,14 @@
 <template>
   <div>
-  Button 示例
+    <h1>Button 示例</h1>
+    <div>
+      <Button>你好</Button>
+    </div>
   </div>
-</template>
+</template>
+<script lang="ts">
+import Button from '../lib/Button.vue'
+export default {
+  components:{ Button }
+}
+</script>
diff --git a/src/lib/Button.vue b/src/lib/Button.vue
@@ -0,0 +1,15 @@
+<template>
+<button>
+  <slot></slot>
+</button>
+</template>
+
+<script lang="ts">
+export default {
+name: "Button"
+}
+</script>
+
+<style lang="scss" scoped>
+
+</style>
