vue组件通信

2018-04-03  本文已影响0人  氿_cb05

父传子

父:自定义属性 + 你要传递的数据

子: props[父组件上的自定义属性名称],进行接收

传递数据的时候注意:

父组件上的自定义属性名称必须是烤串形式

子组件接收的时候props必须是驼峰


子传父:

子:this.$emit('自定义事件名称', 数据)

子组件标签上绑定@自定义事件名称='回调函数'

父:

methods: {

回调函数() {

//逻辑处理

}

}


兄弟:

第一种:先:子传父;后:父传子

第二种:利用空的Vue实例作为中转,使用场景:子父、兄弟、爷孙(多层嵌套)


                                           代码详细解答

 父子通信 

       通过 props 拿到数据


子父通信

兄弟通信

上一篇 下一篇

猜你喜欢

热点阅读