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}}模板

相關文章
相關標籤/搜索