組件，喲。

VuePress 1.0發布！簡單來說，它是一個基於Vue的靜態網站生成器。而Vue的核心就是組件化開發。

如今，所有主流的JavaScript框架都採用組件化模式。即使在某些細節上存在差異（例如Svelte需要編譯），它們都一致認同組件化開發模型。 React完全基於組件，Next.js是流行的React靜態網站生成器；Vue的對應版本是Nuxt.js。

Gatsby也是一個基於React的靜態網站生成器（參見我們最新的ShopTalk Show節目）。在Vue生態中，Gridsome與之最為相似，兩者都能夠從各種數據源獲取數據。當然，它們也都基於組件。我不確定是否存在旗艦級的基於Angular的靜態網站生成器，但它們確實存在，並且Angular也貫徹了組件化開發理念。

組件如此普遍，以至於你可能已經習以為常。但如果你在組件驅動型項目和非組件驅動型項目之間切換，你可能會感受到這種差異。例如，WordPress開發通常不是組件驅動的。當然，你擁有header.php和footer.php等文件，你可以隨意拆分它們，但這是一種比較臨時性的方法。你並沒有明確地構建組件、向這些組件提供本地數據以及測試它們。 （使用Timber之類的工具可以更接近這種方式）。

使用服務器端代碼構建前端是完全可行的，服務器端渲染有很多優勢。但是，服務器端語言似乎並沒有像JavaScript那樣擁抱組件化。由於每個人似乎都喜歡組件（前端開發者顯然喜歡它，設計師也習慣這種思維方式，後端開發者也理解它……），因此我並不驚訝地看到這些備受青睞的項目使用JavaScript構建服務器端（或構建時）生成的網站，這僅僅是因為它是基於組件的，而組件是一個好主意。

以上是組件，喲。的詳細內容。更多資訊請關注PHP中文網其他相關文章！