Skip to content

Commit 215aaed

Browse files
authored
docs: add v-models docs (#207)
1 parent 1d34d13 commit 215aaed

File tree

2 files changed

+84
-8
lines changed

2 files changed

+84
-8
lines changed

packages/babel-plugin-jsx/README-zh_CN.md

Lines changed: 42 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -161,11 +161,49 @@ v-model
161161
162162
```js
163163
h(A, {
164-
'argument': val,
165-
"argumentModifiers": {
166-
"modifier": true
164+
argument: val,
165+
argumentModifiers: {
166+
modifier: true
167167
},
168-
"onUpdate:argument": $event => val = $event
168+
'onUpdate:argument': $event => val = $event
169+
})
170+
```
171+
172+
v-models
173+
174+
> 注意: 你应该传递一个二维数组给 v-models。
175+
176+
```jsx
177+
<A v-models={[[foo], [bar, 'bar']]} />
178+
```
179+
180+
```jsx
181+
<A v-models={[[foo, 'foo'], [bar, 'bar']]} />
182+
```
183+
184+
```jsx
185+
<A
186+
v-models={[
187+
[foo, ['modifier']],
188+
[bar, 'bar', ['modifier']],
189+
]}
190+
/>
191+
```
192+
193+
会变编译成:
194+
195+
```js
196+
h(A, {
197+
modelValue: foo,
198+
modelModifiers: {
199+
modifier: true,
200+
},
201+
'onUpdate:modelValue': $event => foo = $event,
202+
bar: bar,
203+
barModifiers: {
204+
modifier: true,
205+
},
206+
'onUpdate:bar': $event => bar = $event,
169207
})
170208
```
171209

packages/babel-plugin-jsx/README.md

Lines changed: 42 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -161,11 +161,49 @@ Will compile to:
161161
162162
```js
163163
h(A, {
164-
'argument': val,
165-
"argumentModifiers": {
166-
"modifier": true
164+
argument: val,
165+
argumentModifiers: {
166+
modifier: true
167167
},
168-
"onUpdate:argument": $event => val = $event
168+
'onUpdate:argument': $event => val = $event
169+
})
170+
```
171+
172+
v-models
173+
174+
> Note: You should pass a Two-dimensional Arrays to v-models.
175+
176+
```jsx
177+
<A v-models={[[foo], [bar, 'bar']]} />
178+
```
179+
180+
```jsx
181+
<A v-models={[[foo, 'foo'], [bar, 'bar']]} />
182+
```
183+
184+
```jsx
185+
<A
186+
v-models={[
187+
[foo, ['modifier']],
188+
[bar, 'bar', ['modifier']],
189+
]}
190+
/>
191+
```
192+
193+
Will compile to:
194+
195+
```js
196+
h(A, {
197+
modelValue: foo,
198+
modelModifiers: {
199+
modifier: true,
200+
},
201+
'onUpdate:modelValue': $event => foo = $event,
202+
bar: bar,
203+
barModifiers: {
204+
modifier: true,
205+
},
206+
'onUpdate:bar': $event => bar = $event,
169207
})
170208
```
171209

0 commit comments

Comments
 (0)