From 2cbc5fe70a0e37595317a145d0876b3b1c46e15f Mon Sep 17 00:00:00 2001
From: John <John60676@qq.com>
Date: Tue, 8 Dec 2020 12:33:33 +0800
Subject: [PATCH] docs: add v-models docs

---
 packages/babel-plugin-jsx/README-zh_CN.md | 46 +++++++++++++++++++++--
 packages/babel-plugin-jsx/README.md       | 46 +++++++++++++++++++++--
 2 files changed, 84 insertions(+), 8 deletions(-)

diff --git a/packages/babel-plugin-jsx/README-zh_CN.md b/packages/babel-plugin-jsx/README-zh_CN.md
index db4209c7..ebd1722f 100644
--- a/packages/babel-plugin-jsx/README-zh_CN.md
+++ b/packages/babel-plugin-jsx/README-zh_CN.md
@@ -161,11 +161,49 @@ v-model
 
 ```js
 h(A, {
-  'argument': val,
-  "argumentModifiers": {
-    "modifier": true
+  argument: val,
+  argumentModifiers: {
+    modifier: true
   },
-  "onUpdate:argument": $event => val = $event
+  'onUpdate:argument': $event => val = $event
+})
+```
+
+v-models
+
+> 注意: 你应该传递一个二维数组给 v-models。
+
+```jsx
+<A v-models={[[foo], [bar, 'bar']]} />
+```
+
+```jsx
+<A v-models={[[foo, 'foo'], [bar, 'bar']]} />
+```
+
+```jsx
+<A
+  v-models={[
+    [foo, ['modifier']],
+    [bar, 'bar', ['modifier']],
+  ]}
+/>
+```
+
+会变编译成：
+
+```js
+h(A, {
+  modelValue: foo,
+  modelModifiers: {
+    modifier: true,
+  },
+  'onUpdate:modelValue': $event => foo = $event,
+  bar: bar,
+  barModifiers: {
+    modifier: true,
+  },
+  'onUpdate:bar': $event => bar = $event,
 })
 ```
 
diff --git a/packages/babel-plugin-jsx/README.md b/packages/babel-plugin-jsx/README.md
index 2c1cd133..b898fde2 100644
--- a/packages/babel-plugin-jsx/README.md
+++ b/packages/babel-plugin-jsx/README.md
@@ -161,11 +161,49 @@ Will compile to:
 
 ```js
 h(A, {
-  'argument': val,
-  "argumentModifiers": {
-    "modifier": true
+  argument: val,
+  argumentModifiers: {
+    modifier: true
   },
-  "onUpdate:argument": $event => val = $event
+  'onUpdate:argument': $event => val = $event
+})
+```
+
+v-models
+
+> Note: You should pass a Two-dimensional Arrays to v-models.
+
+```jsx
+<A v-models={[[foo], [bar, 'bar']]} />
+```
+
+```jsx
+<A v-models={[[foo, 'foo'], [bar, 'bar']]} />
+```
+
+```jsx
+<A
+  v-models={[
+    [foo, ['modifier']],
+    [bar, 'bar', ['modifier']],
+  ]}
+/>
+```
+
+Will compile to:
+
+```js
+h(A, {
+  modelValue: foo,
+  modelModifiers: {
+    modifier: true,
+  },
+  'onUpdate:modelValue': $event => foo = $event,
+  bar: bar,
+  barModifiers: {
+    modifier: true,
+  },
+  'onUpdate:bar': $event => bar = $event,
 })
 ```