在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ vue組件化開發(fā)中一個.vue文件中的代碼太多了,有什么好的解決辦法?

vue組件化開發(fā)中一個.vue文件中的代碼太多了,有什么好的解決辦法?

如何細(xì)拆組件,組件間通信代碼又會有很多,覺得得不償失,但是這個樣子,代碼有太多了,維護起來困難,

有什么好的解決辦法嗎,

頁面有五塊,這五塊互相引用,互相聯(lián)動,這種情況下拆成組件的話是不是太麻煩了,組件間交互的代碼太多了

回答
編輯回答
兔寶寶

首先,你需要對組件進行分類,結(jié)構(gòu)進行調(diào)整。

建議將組件分為容器組件和展示型組件,容器組件承載數(shù)據(jù)和展示型組件,將數(shù)據(jù)通過屬性傳遞給展示型組件。
也就是說結(jié)構(gòu)上需要調(diào)整為父子組件。

然后,你需要對組件職責(zé)進行劃分,一個組件一個職責(zé)

這個需要根據(jù)你的具體項目來了。

最后,組件通信

組件劃分好了,那么就是組件怎么通信。之前在一個組件不存在這樣的問題。
我覺得你的這種場景直接通過父子數(shù)據(jù)傳遞就可以搞定(父傳遞子通過props,子到父通過事件)

希望我的回答對你有幫助。

2018年1月13日 03:30
編輯回答
風(fēng)畔

魚和熊掌不可兼得啊

還是細(xì)分組件通過props傳遞, 將props保存到子組件, 然后操作數(shù)據(jù)再通過emit再觸發(fā)回父組件吧

2018年7月12日 03:40
編輯回答
撥弦

組件間的交互太多通常是因為組件要負(fù)責(zé)的事情太多了,組件并不是那么純粹。一個頁面中有5塊相互交互,建議將這5塊封裝單獨的ui組件,將邏輯單獨抽離出來放在父級組件,由父級組件協(xié)調(diào)5塊的交互。

2017年9月14日 18:07