脚本宝典收集整理的这篇文章主要介绍了vue 1.x 组件数据传递,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
本文章主要讲了组件如何进行数据的传递,从简单的组件里面的数据如何显示,子组件里面的数据显示,子组件获取父组件的数据,子组件主动发送数据给父组件。
components:{ //父级组件
'aaa':{
template:'<h2>我是aa组件</h2><bbb></bbb>',
data(){
return {
msg:'我是父组件的数据'
}
},
components:{
'bbb':{//子级组件
template:'<h3>我是bbb-->{{msg}}</h3>'
}
}
}
可以在props 声明传递的数据的类型,如
props:{
'mmm':String,
'num':Number
},
<template id="aaa">
<span>我是父级 -> {{msg}}</span>
<bbb @msg-name='getData'></bbb>
</template>
代码: