images/babel-plugin-jsx
2
0
Fork 0
mirror of https://github.com/vuejs/babel-plugin-jsx.git synced 2024-11-10 09:39:14 +08:00
Code Issues Packages Projects Releases Wiki Activity

docs: add v-models docs (#207)

Browse Source
This commit is contained in:
John60676 2020-12-08 14:21:22 +08:00 committed by GitHub
parent 1d34d13cfd
commit 215aaedd05
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 84 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
packages/babel-plugin-jsx/README-zh_CN.md
View File

@ -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,
})
```

46
packages/babel-plugin-jsx/README.md
View File

@ -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,
})
```