vue组件之间的传值方式

父传子:

   父组件中引入了子组件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:单独讲

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容