已解決430363個問題，去搜搜看，總會有你想問的

vuex怎樣簡化跨組件觸發事件

首頁猿問 vuex怎樣簡化跨組件觸發事件

vuex怎樣簡化跨組件觸發事件

JavaScript

拉莫斯之舞 2019-02-15 19:15:37

組件A：this.$store.commt('change')組件B:methods:{ methodA(){ ... }},computed:{ eventChange(){ return this.$store.state.eventChange }},watch:{ eventChange(val){ this.methodA() }}store:state:{ eventChange:false},mutations:{ change(state){ state.eventChange = !state.eventChange }}感覺繞了十萬八千里，有沒有什么簡單的辦法在組件A中直接觸發B組件中的事件，不考慮eventBus

查看完整描述

2 回答

紅糖糍粑

TA貢獻1815條經驗獲得超6個贊

Vuex 不是這樣玩的啊，它是讓你來處理全局 store 和數據流的，如果一份數據不適合放到 Vuex 中來管理，那就不要擰掰著把它放到 Vuex 中來。Vuex 的設計哲學不是組件之間用事件互動，而是組件與全局狀態互動，Vuex store 的快照就認為是整個 application 的快照，所以才會有操作回退、時間旅行這種 debug 操作存在。

所以你要秉承這種理念去設計跨組件的交互，而不是基于全局 store 和 watch 功能，又設計出一個詭異的事件模式，非要在一個組件中去實現觸發另一個組件的邏輯。

我比較好奇組件 B 中的 methodA 到底干了一些什么事情。不管它干了什么，它應該可以更優雅地使用 vuex 的思想實現。

反對回復 2019-02-20

慕婉清6462132

TA貢獻1804條經驗獲得超2個贊

父=>子 props
子=>父(爺爺、祖父...) $on $emit
不是直系血脈，eventBus 或 vuex

反對回復 2019-02-20

2 回答
0 關注
1171 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

vuex怎樣簡化跨組件觸發事件

vuex怎樣簡化跨組件觸發事件

2 回答

添加回答