vue前端項目組織

Jeff 發布于2019-08-23 18:12 / 905人閱讀

摘要：于是，可以大致得到一個前端項目的模型視圖層數據層業務視圖層負責渲染到界面的，比如，這樣的庫負責渲染到瀏覽器上，這樣的庫負責渲染到設備上。其核心是組件化。前端要做描述也許是一個更好的方式。

react是一個視圖層的框架（曾經是，現在有了hook，已經超越的視圖的范疇），vue借鑒了react的很多思想，所以也可以看做是一個視圖層的框架（雖然vue2.0宣稱自己是前端的一個漸進式開發框架，但是這里簡單些看做是視圖的框架）。vue構建了一個數據驅動視圖的開發方式，讓復雜的邏輯轉化為對數據的邏輯，于是數據操作到了一定復雜的程度，就需要有數據狀態管理。我們可能需要用數據去描述一些業務的狀態，這樣才能將業務在技術上分塊，抽象。于是，可以大致得到一個前端項目的模型：

視圖層

數據層

業務

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

下面來說一說vue組件化的一些實踐：
要做好組件化，可以考慮幾點：

GPU云服務器云服務器云服務器搭建vue項目騰訊云服務器部署vue項目 vue項目放到云服務器上阿里云服務器搭建vue項目

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/104827.html

前端項目文件組織與組件命名

摘要：組件劃分這種的話組件劃分的比較清晰。將組件強勢得分為類，這種結構上雖然非常清晰，但是在項目開發的過程中你不得不頻繁地將組件在跟之間移來移去，降低了開發體驗。緣由在開發項目的過程中，大家多多少少會對自己項目的目錄結構產生疑惑，如何合理地劃分模塊以及如何合理的命名，這些如果在項目前期的時候沒有好好規范好的話，那么后面新進來的人便會按照自己的邏輯又重新在劃分自己的目錄，這樣日復一日項目體...

cgh1999520 2019-08-26 13:39 評論0 收藏0
前端每周清單第 11 期：Angular 4.1支持TypeScript 2.3，Vue 2.3優化

摘要：斯坦福宣布使用作為計算機課程的首選語言近日，某位有年教學經驗的斯坦福教授決定放棄，而使用作為計算機入門課程的教學語言。斯坦福官方站點將它們新的課程描述為是最流行的構建交互式的開發語言，本課程會用講解中的實例。前端每周清單第 11 期：Angular 4.1支持TypeScript 2.3，Vue 2.3優化服務端渲染，優秀React界面框架合集為InfoQ中文站特供稿件，首發地址為...

warkiz 2019-08-20 16:15 評論0 收藏0
前端每周清單第 54 期: SwiftNIO, 自定義 vue-router, Web 緩存與 Gr

摘要：新聞熱點國內國外，前端最新動態蘋果開源了版近日，蘋果開源了一款基于事件驅動的跨平臺網絡應用程序開發框架，它有點類似，但開發語言使用的是。蘋果稱的目標是幫助開發者快速開發出高性能且易于維護的服務器端和客戶端應用協議。 showImg(https://segmentfault.com/img/remote/1460000013677379); 前端每周清單專注大前端領域內容，以對外文資料的...

劉東 2019-08-22 15:20 評論0 收藏0
Cesar競賽平臺——軟工3課程總結

摘要：競賽平臺軟工課程總結軟件謝運帷經過一學期競賽平臺項目的實踐，我對于軟件過程有了更清晰的認識。一競賽平臺的完成情況首先我來介紹一下我們競賽平臺的完成情況。我們基本是各兩人負責前后端，主要是同一部分的兩人進行技術交流，討論技術的難點。 Cesar競賽平臺——軟工3課程總結軟件51 謝運帷 2015013185 經過一學期競賽平臺項目的實踐，我對于軟件過程有了更清晰的認識。我們小組從一起討...

Tecode 2019-08-21 18:37 評論0 收藏0