propsData传递数据

propsData 不是和属性有关,他用在全局扩展时进行传递数据。
< header id= "header" ></ header >
< script >
var header_a= Vue. extend({
template: `<p>{{message}}{{a}}</p>`,
data : function(){
return{
message: 'hello'
}
},
props:[ 'a']
});
new header_a({ propsData:{ a: 1}}). $mount( "#header")
< / script >

 若是咱们要传递一个值过去,这时就用到了propsData。spa

使用propData传值的步骤: ip

1.在全局扩展实例中:propsData:{a:1}io

2.传递的时候用props接收属性:props:["a"] function

3. 写入模板:{{a}}模板

相关文章
相关标签/搜索