鍍金池/ 問答/HTML/ 一個2000多行的.vue組件有必要拆分成幾個子組件么？

一個2000多行的.vue組件有必要拆分成幾個子組件么？

這個組件是項目中的主要功能頁面，因為是.vue文件，所以template，css，js都寫在一起，這就造成這個組件有2000多行代碼

但是這個組件中的代碼基本都是無法復用的，可以確定這些代碼只在這個組件中會用到，認為拆出來那就得考慮組件間的通信問題，有點多此一舉，所以就沒有細化拆出來。

不知道如果拆出去，有什么好處

另外，一直有疑問的是，.vue文件中css是寫在組件內好，還是單獨寫在.css文件中再import進組件好，好在哪里

回答
編輯回答
陌顏

vue文件中css是寫在組件內好，寫在組件內的style標簽里加上scope可以作為組件樣式，不會影響其他組件，單獨寫在.css文件中再import進組件就是全局樣式。
拆分的話看你實際情況，看看2000多行時候會不會影響后續(xù)維護（如果需要維護的話），如果影響的話，就以提高可讀性可維護性為目的來進行拆分

2018年1月28日 11:23
編輯回答
清夢

一個組件兩千多行，姑且認為css樣式沒有那么多，那一定是業(yè)務比較復雜了。
建議拆分組件吧，拆分很多時候并不是為了通用，而是為了 書寫代碼的人 容易閱讀和管理開發(fā)。

2017年1月15日 17:45
編輯回答
尛憇藌

按目前的代碼行數，當然包含 3 塊，templeate、style 和 script 還是建議拆分

2017年5月16日 06:38
編輯回答
風清揚

沒有復用就不用拆的，不過你說你這個代碼2000多行，還是建議你把css抽出來，不然到時候別人不好維護。

2017年12月2日 00:52
編輯回答
陌如玉

能跑起來就行。

2018年2月13日 00:08
編輯回答
乖乖瀦

這個都可以 如果整個代碼打包體積太大 建議按需引入
附上鏈接： https://blog.csdn.net/yangbin...

2017年2月26日 02:37