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