vue父传子,子传父,子传子

详情参考一下这篇文章,作者写得很详细:(我这里只是Mark一下)
Vue 父传子,子传父,兄弟组件通信的使用

父传子

父:自定义属性名 + 数据(要传递)=> :value="数据"
子:props ["父组件上的自定义属性名“] =>进行数据接收

子传父

子:this.$emit('自定义事件名称',数据) 子组件标签上绑定@自定义事件名称='回调函数'
父:引入的子组件中@传递的自定义事件名称=“事件名” ;methods: { 事件名() { //逻辑处理 } }

子传子

详情参考:vue的Bus使用
子1:bus.on('传递的自定义事件名',val=>{}) //val是传递过来的数据

你可能感兴趣的:(vue父传子,子传父,子传子)