From a2dbf043a162dd5a5b22dd9e470261392cafa21b Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Wed, 9 Dec 2020 10:43:22 +0800
Subject: [PATCH] docs(Checkbox): reduce unnecessary reactive

---
 src/checkbox/README.md       | 10 ++++------
 src/checkbox/README.zh-CN.md | 10 ++++------
 src/checkbox/demo/index.vue  |  4 ++--
 3 files changed, 10 insertions(+), 14 deletions(-)

diff --git a/src/checkbox/README.md b/src/checkbox/README.md
index 6791db64e..b26d26bad 100644
--- a/src/checkbox/README.md
+++ b/src/checkbox/README.md
@@ -76,17 +76,15 @@ Use icon slot to custom icon.
 ```
 
 ```js
-import { toRefs, reactive } from 'vue';
+import { ref } from 'vue';
 
 export default {
   setup() {
-    const state = reactive({
-      checked: true,
+    const checked = ref(true);
+    return {
+      checked,
       activeIcon: 'https://img.yzcdn.cn/vant/user-active.png',
       inactiveIcon: 'https://img.yzcdn.cn/vant/user-inactive.png',
-    });
-    return {
-      ...toRefs(state),
     };
   },
 };
diff --git a/src/checkbox/README.zh-CN.md b/src/checkbox/README.zh-CN.md
index 73fe9ce46..b08966cc0 100644
--- a/src/checkbox/README.zh-CN.md
+++ b/src/checkbox/README.zh-CN.md
@@ -88,17 +88,15 @@ export default {
 ```
 
 ```js
-import { toRefs, reactive } from 'vue';
+import { ref } from 'vue';
 
 export default {
   setup() {
-    const state = reactive({
-      checked: true,
+    const checked = ref(true);
+    return {
+      checked,
       activeIcon: 'https://img.yzcdn.cn/vant/user-active.png',
       inactiveIcon: 'https://img.yzcdn.cn/vant/user-inactive.png',
-    });
-    return {
-      ...toRefs(state),
     };
   },
 };
diff --git a/src/checkbox/demo/index.vue b/src/checkbox/demo/index.vue
index 419f84ee8..8cee21388 100644
--- a/src/checkbox/demo/index.vue
+++ b/src/checkbox/demo/index.vue
@@ -155,8 +155,6 @@ export default {
       result3: [],
       checkAllResult: [],
       horizontalResult: [],
-      activeIcon: 'https://img.yzcdn.cn/vant/user-active.png',
-      inactiveIcon: 'https://img.yzcdn.cn/vant/user-inactive.png',
     });
 
     const group = ref();
@@ -181,6 +179,8 @@ export default {
       setRefs,
       checkAll,
       toggleAll,
+      activeIcon: 'https://img.yzcdn.cn/vant/user-active.png',
+      inactiveIcon: 'https://img.yzcdn.cn/vant/user-inactive.png',
     };
   },
 };