docs(Field): use composition api

src/field/demo/ErrorInfo.vue

@@ -18,6 +18,8 @@
 </template>
 
 <script>
+import { reactive, toRefs } from 'vue';
+
 export default {
   i18n: {
     'zh-CN': {
@@ -35,10 +37,12 @@ export default {
   },
 
   data() {
-    return {
+    const state = reactive({
       phone: '123',
       username: '',
-    };
+    });
+
+    return toRefs(state);
   },
 };
 </script>