Commit 5d853b4

committed

v-bind .camel modifier

1 parent 9191673 commit 5d853b4Copy full SHA for 5d853b4

File tree

+10

-1

lines changed

+10

-1

lines changed

Lines changed: 10 additions & 1 deletion

Original file line number	Diff line number	Diff line change
@@ -1493,7 +1493,8 @@ All lifecycle hooks automatically have their `this` context bound to the instanc
`1493`	`1493`	- Argument: `attrOrProp (optional)`
`1494`	`1494`
`1495`	`1495`	`- Modifiers:`
`1496`		- - `.prop` - Used for binding DOM attributes.
	`1496`	+ - `.prop` - Bind as a DOM property instead of an attribute. ([what's the difference?](http://stackoverflow.com/questions/6003819/properties-and-attributes-in-html#answer-6004028))
	`1497`	+ - `.camel` - transform the kebab-case attribute name into camelCase. (supported since 2.1.0)
`1497`	`1498`
`1498`	`1499`	`- Usage:`
`1499`	`1500`
@@ -1536,6 +1537,14 @@ All lifecycle hooks automatically have their `this` context bound to the instanc
`1536`	`1537`	`<svg><a :xlink:special="foo"></a></svg>`
`1537`	`1538`	```
`1538`	`1539`
	`1540`	+ The `.camel` modifier allows camelizing a `v-bind` attribute name when using in-DOM templates, e.g. the SVG `viewBox` attribute:
	`1541`	`+`
	`1542`	+ ``` html
	`1543`	`+ <svg :view-box.camel="viewBox"></svg>`
	`1544`	+ ```
	`1545`	`+`
	`1546`	+ `.camel` is not needed if you are using string templates, or compiling with `vue-loader`/`vueify`.
	`1547`	`+`
`1539`	`1548`	`- See also:`
`1540`	`1549`	`- [Class and Style Bindings](../guide/class-and-style.html)`
`1541`	`1550`	`- [Components - Component Props](../guide/components.html#Props)`

Comments

(0)