理清vue组件间的数据交互逻辑可以很好的帮助我们构建项目。
一：简单父子组件之间，就是普通的小组件，数据量少，父组件用props传入数据，子组件可以直接使用$emit 和 $on进行数据交互。也可以使用$bus。
二：复杂组件之间，这种组件的特点是，内部包含有很多交互逻辑，常常需要访问接口。另外，展示的数据也往往比较多。如列表项填写个人信息与资料之类的，还有其他的交互效果，如弹框等。可以将数据放在vuex进行管理（state/getter/mutation/action）。
三：全局组件，用作小工具，可用$bus进行数据交互。
Vue.component('my-component-button1',{
template:'<button>myFirstComponent</button>'
});以上只是个人理解，可根据习惯灵活使用。