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