mirror of
				https://github.com/vuejs/babel-plugin-jsx.git
				synced 2025-10-31 09:22:19 +08:00 
			
		
		
		
	docs: add v-models docs (#207)
This commit is contained in:
		| @@ -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, | ||||
| }) | ||||
| ``` | ||||
|  | ||||
|   | ||||
| @@ -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, | ||||
| }) | ||||
| ``` | ||||
|  | ||||
|   | ||||
		Reference in New Issue
	
	Block a user