# 表单视图动态观察器

**Repository Path**: rutc138/form-view-dynamic-observer

## Basic Information

- **Project Name**: 表单视图动态观察器
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-10-11
- **Last Updated**: 2025-03-03

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<h1 align="center">
	<br>
	<br>
	<img width="220" src="public/灯塔.svg" alt="表单数据观察器">
	<br><br>
    大表单数据观察器

[![Coverage Status](https://codecov.io/gh/chalk/chalk/branch/main/graph/badge.svg)](https://codecov.io/gh/chalk/chalk)

[![npm dependents](https://badgen.net/npm/dependents/chalk)](https://www.npmjs.com/package/chalk?activeTab=dependents)

[![Downloads](https://badgen.net/npm/dt/chalk)](https://www.npmjs.com/package/chalk)

[![run on repl.it](https://img.shields.io/badge/Run_on_Replit-f26207?logo=replit&logoColor=white)](https://repl.it/github/chalk/chalk)

![](media/screenshot.png)

</h1>

### 最新版本

`0.0.1`

### 安装

react

```bash
  npm install --save react-form-data-observe
  or
  pnpm add react-form-data-observe
```

vue

```bash
  npm install --save vue-form-data-observe
    or
  pnpm add vue-form-data-observe
```

### 使用

react

```jsx
import useDataFormObserve from "useDataFormObserve";
const [formData, setFormData] = useState({});
useDataFormObserve(formData);
```

vue

```jsx
import useDataFormObserve from "useDataFormObserve";
const modelRef = reactive({});
useDataFormObserve(modelRef);
```

### [查看演示](http://fdo.thrct.top/pro/fdo/)

[http://fdo.thrct.top/pro/fdo/](http://fdo.thrct.top/pro/fdo/)