因此，在嘗試Vue.js一段時間後，它讓我思考......爲什麼我們必須使用組件？我不明白他們背後的炒作，因爲我可以採取一個for循環，並創建一個div，並得到完全相同的輸出，如果我使用組件。爲什麼在Vue.js或React中使用組件？
Vue.js的文檔，甚至說：
組件是Vue公司的最強大的功能之一。它們幫助您擴展基本的HTML元素以封裝可重用的代碼。
但是，它似乎可以用for循環完成什麼組件給你。
React也是如此。
如果有人能更好地解釋它，我全都耳熟能詳。
謝謝。
不使用Vue.js或React中的組件就像使用錘子一樣。您顯然可以嘗試用錘子釘釘，但不是每個人都會理解您的原因，因爲您可以使用divs而不是CustomXComponent實現每個GUI元素。
使用組件就像使用螺絲刀擰東西。不僅他們的名字和形狀與你想要達成的目標相一致，而且他們的速度也更快。不使用它可能看起來像一個不專業的行爲，只是不適應正確的工具適合正確的事情。
如果你看看一堆divs，你必須進一步看他們做什麼。如果我給你一個名爲AutoCompleteSearch的自定義組件，你可以抽象它在做什麼，即使它使用普通的divs實現。
不使用組件就像每次需要將另一個螺絲釘釘入到位時鍛造新錘子;） – pawel
出於同樣的原因，您希望使用for循環而不是複製並粘貼同一個東西N次 - 最終結果與用戶相同，但您的代碼明顯更難理解，維護和更新。
組件是非常有用的，因爲它們的意圖是用在比極少數div更復雜的上下文中。
例如，想象一下，如果您需要將日曆添加到您的頁面以及大型數據表，大表單，對話框和其他UI元素。它確實是可行沒有組件，但它會更容易維護和更具可讀性，如果你將你的代碼拆分成組件。
這裏的關鍵詞是*可重用*。 for循環生成div只能通過複製/粘貼來重用（除非你將它們分開成模塊，但是隨後你開始重新發明vue或作出反應） – pawel
https://en.wikipedia.org/wiki/Don%27t_repeat_yourself – Jeff
我的意思是，你的問題的答案是「因爲它們很有用」。每個人都可以擁有自己的孤立狀態。組件代碼可以異步加載。事件可以很容易地管理。代碼更容易測試。他們可以在網站的其他部分重複使用。該清單可以繼續，繼續，繼續，繼續，繼續。 – ceejayoz