vue组件之间的传值方式

父传子:

   父组件中引入了子组件import 组件名(标签名)from ‘路径’,在父组件中子组件标签上定义一个动态的自定义属性(在属性前面加上v-bind:或 :)  (); 在子组件中用prop接收自定的属性message,可以是回调函数可以在子组件的事件中触发父组件中的事件。 prop:{message: [String,Array,Object,Function,Number]}

  如果要在父组件中触发子组件的事件,可以用ref在父组件的子组件上进行标记( ),从而获得子组件的实力对象(this.$refs.child类似于document.getElementById('名字'),this.$refs.child.fn()调用子组件里的函数)。

子传父:

    子组件的事件中导出一个自定义事件this.$emit('自定事件名',要传的参数);父组件的子组件上绑上事件,在你取的函数名内实现传值。

兄弟:

    你可以写一个bus中间件,this.$bus.emit('导出函数',参数)=》this.$bus.on('导出函数', this.fn)=> this.$bus.off('导出函数', this.fn)

(有所不足,以后补充详细)

vuex:单独讲

你可能感兴趣的:(vue组件之间的传值方式)