父传子:
父组件中引入了子组件import 组件名(标签名)from ‘路径’,在父组件中子组件标签上定义一个动态的自定义属性(在属性前面加上v-bind:或 :) (<children :message = 'mess'></children>); 在子组件中用prop接收自定的属性message,可以是回调函数可以在子组件的事件中触发父组件中的事件。 prop:{message: [String,Array,Object,Function,Number]}
如果要在父组件中触发子组件的事件,可以用ref在父组件的子组件上进行标记(<children ref='child'> </children>),从而获得子组件的实力对象(this.$refs.child类似于document.getElementById('名字'),this.$refs.child.fn()调用子组件里的函数)。
子传父:
子组件的事件中导出一个自定义事件this.$emit('自定事件名',要传的参数);父组件的子组件上绑上事件<children @自定事件名='你取的函数名'></chilren>,在你取的函数名内实现传值。
兄弟:
你可以写一个bus中间件,this.$bus.emit('导出函数',参数)=》this.$bus.on('导出函数', this.fn)=> this.$bus.off('导出函数', this.fn)
(有所不足,以后补充详细)
vuex:单独讲