首页 > 其他 > 详细

propsData传递数据

时间:2019-05-18 12:20:51      阅读:204      评论:0      收藏:0      [点我收藏+]
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}}

 

propsData传递数据

原文:https://www.cnblogs.com/hilxj/p/10885156.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!