Skip to content

Commit 6df9593

Browse files
committed
Change paramAttributes name
1 parent 6a2bd62 commit 6df9593

File tree

1 file changed

+7
-8
lines changed

1 file changed

+7
-8
lines changed

source/api/options.md

Lines changed: 7 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -103,7 +103,7 @@ vm.a // -> 2
103103
vm.aDouble // -> 4
104104
```
105105

106-
### paramAttributes
106+
### props
107107

108108
- **Type:** `Array`
109109

@@ -113,7 +113,7 @@ An array of attribute names to be set on the Vue instance as initial data. Usefu
113113

114114
``` js
115115
Vue.component('param-demo', {
116-
paramAttributes: ['size', 'message'],
116+
props: ['size', 'message'],
117117
compiled: function () {
118118
console.log(this.size) // -> 100
119119
console.log(this.message) // -> 'hello!'
@@ -125,15 +125,14 @@ Vue.component('param-demo', {
125125
<param-demo size="100" message="hello!"></param-demo>
126126
```
127127

128-
Param attributes can also contain interpolation tags. The interpolation will be evaluated against the parent, and under the hood they will be compiled as [`v-with`](/api/directives.html#v-with), which means when the value of the interpolated expression changes, the component's corresponding property will also be updated:
128+
For passing data more details see the following:
129129

130-
``` html
131-
<param-demo message="{{parentMessage}}"></param-demo>
132-
```
130+
- [Prop Binding Types](/guide/components.html#Prop_Binding_Types)
131+
- [Passing Callbacks as Props](/guide/components.html#Passing_Callbacks_as_Props)
133132

134133
#### Notes on hyphened attributes
135134

136-
HTML attribute names ignore upper and lower case differences, so we usually use hyphened attributes instead of camel case. There are some special cases when using `paramAttributes` with attributes that contains hyphens:
135+
HTML attribute names ignore upper and lower case differences, so we usually use hyphened attributes instead of camel case. There are some special cases when using `props` with attributes that contains hyphens:
137136

138137
1. If the attribute is a data attribute, the `data-` prefix will be auto stripped;
139138

@@ -377,4 +376,4 @@ var Ctor = Vue.extend({
377376
})
378377
var vm = new Ctor()
379378
console.log(vm) // -> CoolStuff {$el: null, ...}
380-
```
379+
```

0 commit comments

Comments
 (0)