vue中组件间的信息交互方式分类

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

Vue.component('my-component-button1',{
    template:'<button>myFirstComponent</button>'
});

以上只是个人理解,可根据习惯灵活使用。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值