父子组件之间的数据交互遵循:
props down - 子组件通过props接受父组件的数据 events up - 父组件监听子组件$emit的事件来操作数据
示例
}
}
父组件监听事件
代码如下:
父组件的methods中定义了事件处理程序
axios.post('comment/save/',data)
.then(function (resp) {
issue.comments=issue.comments||[];
issue.comments.push({
cid: resp.data,content: comment
});
});
.then(function (resp) {
issue.comments=issue.comments||[];
issue.comments.push({
cid: resp.data,content: comment
});
});
//clear comment input
this.comment="";
}
},
注意参数的传递是一个对象
其实还有更多的场景需要组件间通信
官方推荐的通信方式
- 首选使用Vuex
- 使用事件总线:eventBus,允许组件自由交流
- 具体可见:nofollow" target="_blank" href="https://cn.vuejs.org/v2/guide/migration.html#dispatch-和-broadcast-替换">$dispatch 和 $broadcast替换