首頁猿問 Vue兄弟組件事件觸發(fā)和通信問題，...

Vue兄弟組件事件觸發(fā)和通信問題，Vuex完全不會用

JavaScript

哆啦的時光機 2018-12-20 18:13:58

本來想用Vuex狀態(tài)管理的，但是在兄弟組件事件觸發(fā)上遇到了很大的問題，只好按官方的說法用了總線的形式：也用到了store:結(jié)果只是用來儲存一部分變量，其實換成全局變量也完全可以= =|| :網(wǎng)上也找不到Vuex的正確的使用方法啊…這玩意到底怎么用？和全局變量區(qū)別在哪里？怎么用Vuex把總線替掉？問題補充：求一個總線的Vuex實現(xiàn)

查看完整描述

1 回答

肥皂起泡泡

TA貢獻1829條經(jīng)驗獲得超6個贊

實際上vue1.X里面是有類似方法的，$dispatch 和 $broadcast，就是和總線相同的用法。
但是在vue2.X被移除了，原因是事件流會因此變得脆弱而難以理解，Bus實際是broadcast的升級版：

通過使用事件中心，允許組件自由交流，無論組件處于組件樹的哪一層。由于 Vue 實例實現(xiàn)了一個事件分發(fā)接口，你可以通過實例化一個空的 Vue 實例來實現(xiàn)這個目的。

如果要改寫成VUEX，推薦的做法是把所有數(shù)據(jù)，和相關(guān)方法全部置入store，所有子組件只需要發(fā)送mutation調(diào)取store中的方法和數(shù)據(jù)，雖然看起來這種做法會讓store顯得過于臃腫龐大，但是對于復(fù)雜系統(tǒng)的構(gòu)建是更具優(yōu)勢的。而且官方也提供了將store切分的解決方案。

反對回復(fù) 2019-01-19