vue前端項目組織

react是一個視圖層的框架（曾經是，如今有了hook，已經超越的視圖的範疇），vue借鑑了react的不少思想，因此也能夠看作是一個視圖層的框架（雖然vue2.0宣稱本身是前端的一個漸進式開發框架，可是這裏簡單些看作是視圖的框架）。vue構建了一個數據驅動視圖的開發方式，讓複雜的邏輯轉化爲對數據的邏輯，因而數據操做到了必定複雜的程度，就須要有數據狀態管理。咱們可能須要用數據去描述一些業務的狀態，這樣才能將業務在技術上分塊，抽象。因而，能夠大體獲得一個前端項目的模型：

1. 視圖層
2. 數據層
3. 業務

視圖層負責渲染到界面的，好比vue，react這樣的庫負責渲染到web瀏覽器上，UIKit這樣的庫負責渲染到ios設備上。其核心是組件化。數據層通常由vuex，redux這樣的庫來作，固然也會有不少的侷限性，這時也能夠用node+graphQL作一個更強大的數據管理。業務的描述我記得是有許多語言模型，好比流程圖，UML，時序圖這些，在一些graphQL大會上還會聽到將DDD和graphQL融合起來的演講。前端要作描述DDD+graphQL也許是一個更好的方式。

下面來講一說vue組件化的一些實踐：
要作好組件化，能夠考慮幾點：