详情参考一下这篇文章,作者写得很详细:(我这里只是Mark一下)
Vue 父传子,子传父,兄弟组件通信的使用
父传子
父:自定义属性名 + 数据(要传递)=> :value="数据"
子:props ["父组件上的自定义属性名“] =>进行数据接收
子传父
子:this.$emit('自定义事件名称',数据) 子组件标签上绑定@自定义事件名称='回调函数'
父:引入的子组件中@传递的自定义事件名称=“事件名” ;methods: { 事件名() { //逻辑处理 } }
子传子
详情参考:vue的Bus使用
子1:bus.on('传递的自定义事件名',val=>{}) //val是传递过来的数据