首页 > 其他 > 详细

vue学习笔记18 propsData

时间:2020-05-04 16:11:53      阅读:49      评论:0      收藏:0      [点我收藏+]

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

 

vue学习笔记18 propsData

原文:https://www.cnblogs.com/laohange/p/12826471.html

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