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。

使用propData传值的步骤: 

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

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

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

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM