docs(Checkbox): use composition api

2020-12-06 16:15:36 +08:00
parent 30c0675de9
commit 8875143d1c
4 changed files with 125 additions and 90 deletions
@@ -94,6 +94,8 @@
 </template>

 <script>
+import { reactive, toRefs } from 'vue';
+
 export default {
  i18n: {
    'zh-CN': {
@@ -124,8 +126,8 @@ export default {
    },
  },

-  data() {
-    return {
+  setup() {
+    const state = reactive({
      showBasic: false,
      showTop: false,
      showBottom: false,
@@ -136,7 +138,9 @@ export default {
      showGetContainer: false,
      showCustomCloseIcon: false,
      showCustomIconPosition: false,
-    };
+    });
+
+    return toRefs(state);
  },
 };
 </script>