美文网首页
vue2.0如何来实现的父子组件以及兄弟组件之间的传值

vue2.0如何来实现的父子组件以及兄弟组件之间的传值

作者: An的杂货铺 | 来源:发表于2018-06-14 13:44 被阅读0次

    1.子组件使用父组件的值或数据

    结构如图:

    做为父组件的index.vue

    做为子组件在父组件当中使用的组件one和two

    2.父组件使用子组件当中的数据或者值

    父组件index.vue

    为父组件供值的同时也做为父组件中子组件的组件three

    3.兄弟组件之间的传值,three和four两个非父子组件之间的传值

    兄弟组件之间数据的传递如果不使用vuex的话,那么可以使用bus来传值,所以在这里在需要互相通信的兄弟组件之间引入了Bus(一个js);

    Bus.js

    整个项目的框架结构

    相关文章

      网友评论

          本文标题:vue2.0如何来实现的父子组件以及兄弟组件之间的传值

          本文链接:https://www.haomeiwen.com/subject/oxqyeftx.html