vue学习笔记18 propsData

propsData 不是和属性有关，他用在全局扩展时进行传递数据。

先写一个全局扩展

var header_a =  Vue.extend({

　　template:`{{message}}   传值 {{ a }}`,

　　data:function(){

　　　　return {

　　　　　　message:"内容"

　　　　}

　　},　　

　　props:['a']

})

 

挂载   new header_a().$mount('header')

 

这时如果想传递值。就要用propsData

1.在全局扩展里加入props进行接收。  new header_a(propsData:{a:1}).$mount('header')

2.传递时用propsData进行传递。props:[‘a’]

3.用插值的形式写入模板。{{ a }}