为了账号安全,请及时绑定邮箱和手机立即绑定

vue中一个组件如何更好地监听另一个组件的事件

vue中一个组件如何更好地监听另一个组件的事件

喵喵时光机 2018-11-21 18:19:00
父组件APP下面有A,B,C,D4个路由组件,这4个路由组件下面分别有A1,B1,C1,D1子组件,其中app下面还有一个E组件。A1,B1,C1,D1这些组件单击后要触发E组件里面的方法,并把相应的参数传递给E组件中的方法。现在我的方法是使用this.$emit一层一层往上传递到父组件然后使用this.$refs 这样的方法激活E组件的方法和传递数据.后来觉得这样麻烦就使用vuex, 把要传递的数据都放进store里面,但是不知道怎么使用vuex让E组件的方法在我点击后自动触发
查看完整描述

1 回答

?
慕丝7291255

TA贡献1859条经验 获得超6个赞

可以在E组件computed store的值,然后watch这个值,然后根据store的值改变后触发watchhandler,如果需要每次点击相同组件都触发,需要每次点击都要改变一个值,computed应该是缓存的。
更好的方法应该是写成vuex的一个action吧,然后在每个组件中导入这个action,就可以使用了。

查看完整回答
反对 回复 2018-12-21
  • 1 回答
  • 0 关注
  • 3342 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号