vue 兄弟组件之间传数据之通过父组件来传递
2017-05-09 16:58
826 查看
组件A向组件B传递信息,通过父组件的方式:
A 把信息发给父组件:
父组件接收信息并传递给B:
</v-b :bMsg = "msg"></v-b>
export default {
data () {
return {
msg: ''
}
}
}
B组件接收父组件传递过来的数据:
<span>{{bMsg}}<span>
export default {
props: {
bMsg: ''
}
}
A 把信息发给父组件:
this.$parent.msg = this.aMsg
父组件接收信息并传递给B:
</v-b :bMsg = "msg"></v-b>
export default {
data () {
return {
msg: ''
}
}
}
B组件接收父组件传递过来的数据:
<span>{{bMsg}}<span>
export default {
props: {
bMsg: ''
}
}
相关文章推荐
- vue.js 组件之间传递数据
- Vue 爬坑之路(二)—— 组件之间的数据传递
- Vue中组件之间数据的传递的示例代码
- Vue —— 组件之间的数据传递
- Vue组件之间的数据传递
- vue.js 组件之间传递数据
- vue 兄弟组件之间传数据之$emit 和 $on 组件通信
- Vue 组件之间的数据传递
- vue进阶(二)---组件之间数据传递
- vue2.0 组件之间的数据传递
- Vue.js实战之组件之间的数据传递
- vue2.0 组件之间的数据传递
- vue.js组件之间传递数据的方法
- vue.js组件之间的通讯-----父亲向儿子传递数据,儿子接收父亲的数据
- vue.js---父子组件之间简单的数据传递
- vue.js 学习之组件之间数据传递详解
- vue中各组件之间传递数据的方法示例
- vue.js 组件之间传递数据
- vue2.0 兄弟组件数据传递方法
- Vue 爬坑之路(二)—— 组件之间的数据传递