Vuejs 實戰觀書有感 C1

關於 Vue.js

簡單小巧的核心（代碼壓縮後大小僅爲 17KB），漸進式技術棧，足以應付任何規模的應用

書中簡單的介紹現代 Web 開發中常見的高級功能，我的以爲無論是前端仍是後端，技術不斷更新和迭代的過程，都是包含了不少軟件設計思想在裏面，如何去解決高內聚，低耦合問題，如何在複雜的軟件設計流程中，去寫出易於維護的代碼。還有一點比較重要的是，如何在快速迭代的軟件開發週期內，去解放生產力。因而就會大量涌現不少優秀的開源框架和擴展庫，去解決現實生活中的實際問題。

• 解耦視圖與數據
• 可複用的組件
• 前端路由
• 狀態管理
• 虛擬 Dom

談談 Vue.js 在設計上使用 MVVM， 也就是 Model-View-ViewModel。做爲在後端道路上工做幾年的我來講，對於 MVC 可謂再熟悉不過了，對於 MVVM 做爲 MVC 衍生出來的架構思想，獨到之處即是 View 與 ViewModel 之間的數據雙向綁定。這個時候我會想到在使用 PHP 框架構建 Web 項目的時候，控制器層從數據倉庫中獲取視圖數據，並將數據綁定到指定模板上，經過 PHP 模板輸出到瀏覽器中，每每咱們在中間會加入一層 Presenter，相似 構建 Api 項目的 Transformer 層，當數據層發生更新時，對應的模板數據也會更新。

對於傳統的前端開發模式，Jqeury + SeaJS 等，想一想那些前端框架還未百花齊放的時候，，追加 Dom 節點，修改子節點，拼接 Dom 節點，移除 Dom 節點等一大串邏輯複雜且臃腫肥大的代碼，隨着項目的不斷迭代，技術人員的逐步更換，項目愈來愈變得難以維護，視圖代碼和業務邏輯緊耦合在一塊兒。可是如今下新的概念愈來愈多，ES6，前端工程化，NodeJS，NPM 等，愈來愈能體現出技術的革新之迅速。而這一切都是在朝着提升開發效率，下降維護成本而前進。

那麼再回頭看看 Vue.js，自己經過初次學習的時候，對於這種代碼結構很熟悉，視圖與數據的解耦偏偏可以讓代碼更加清晰，更加易於維護和擴展。

初步瞭解構建一個 Vue 項目，就像搭建一個 Laravel Web 項目同樣，一個基本的思路的 Maybe

• 結合實際需求，引入適合的第三方庫
• 配置文件構建
• 項目路由命名
• 項目部署和測試
• 項目發佈

那麼發佈一個 Vue 項目的基本思路也應該大體是

• Vue-cli 腳手架初始化項目
• 引入合適的前端工具庫
• 配置文件構建
• 打包文件配置
• Vuex 管理狀態，vue-router 管理路由文件
• 語法檢查，項目部署和測試
• 項目發佈

以上只是我的的一些拙見，接下來還會去深刻學習這本書中的實戰內容。結合書中的觀點去總結和思考。查看更多學習文章可前往博客 Poros 站點