mirror of
https://github.com/vuejs/babel-plugin-jsx.git
synced 2024-11-14 07:29:17 +08:00
docs: add v-models docs (#207)
This commit is contained in:
parent
1d34d13cfd
commit
215aaedd05
@ -161,11 +161,49 @@ v-model
|
|||||||
|
|
||||||
```js
|
```js
|
||||||
h(A, {
|
h(A, {
|
||||||
'argument': val,
|
argument: val,
|
||||||
"argumentModifiers": {
|
argumentModifiers: {
|
||||||
"modifier": true
|
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,
|
||||||
})
|
})
|
||||||
```
|
```
|
||||||
|
|
||||||
|
@ -161,11 +161,49 @@ Will compile to:
|
|||||||
|
|
||||||
```js
|
```js
|
||||||
h(A, {
|
h(A, {
|
||||||
'argument': val,
|
argument: val,
|
||||||
"argumentModifiers": {
|
argumentModifiers: {
|
||||||
"modifier": true
|
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,
|
||||||
})
|
})
|
||||||
```
|
```
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user