Vuejs 實戰觀書有感 C1

weapon 發布于2019-08-23 14:06 / 3183人閱讀

摘要：還有一點比較重要的是，如何在快速迭代的軟件開發周期內，去解放生產力。于是就會大量涌現很多優秀的開源框架和擴展庫，去解決現實生活中的實際問題。而這一切都是在朝著提高開發效率，降低維護成本而前進。結合書中的觀點去總結和思考。

關于 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 站點

GPU云服務器云服務器人工智能有感丁丁C1 釘釘的c1 釘釘與c1

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

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

Vuejs 實戰觀書有感 C1

摘要：還有一點比較重要的是，如何在快速迭代的軟件開發周期內，去解放生產力。于是就會大量涌現很多優秀的開源框架和擴展庫，去解決現實生活中的實際問題。而這一切都是在朝著提高開發效率，降低維護成本而前進。結合書中的觀點去總結和思考。關于 Vue.js showImg(https://segmentfault.com/img/bVbk73v?w=252&h=253); 簡單小巧的核心（代碼壓縮后大...

趙連江 2019-07-01 11:05 評論0 收藏0
NodeJs+Express+Mysql + Vuejs 項目實戰 - 大綱

摘要：多一個技能多一條出路，祝你在自學道路上越走越好，掌握自己的核心技能，不只是優秀，還要成為不可替代的人 NodeJs+Express+Mysql + Vuejs 項目實戰最近準備寫一系列文章，全面講述如何基于NodeJs + Express + Mysql + Vuejs 從零開發前后端完全分離項目；文筆及技術可能在某些方面欠佳，請您指正，共同學習進步前端：Vuejs全家桶后端：...

noONE 2019-08-23 14:55 評論0 收藏0
Docker實戰之簡單部署VueJs項目(7)

摘要：最后以這個鏡像為基礎運行一個容器。對于這部分的內容，如有不懂的地方，可查看我之前有關于鏡像構建的文章哦。，接下來會通過對前端項目部署進行進一步的實戰。關于docker的優勢就不多介紹了，之前的文章已經說得比較明白了，那么在學習了docker的一些知識后，現在該用它來做點事兒了，^_^，有點小興奮。接下來就來看看docker怎樣去部署一個VueJs的項目，我們從以下三點來進行： Vu...

王陸寬 2019-06-28 17:25 評論0 收藏0
Docker實戰之簡單部署VueJs項目(7)

摘要：最后以這個鏡像為基礎運行一個容器。對于這部分的內容，如有不懂的地方，可查看我之前有關于鏡像構建的文章哦。，接下來會通過對前端項目部署進行進一步的實戰。關于docker的優勢就不多介紹了，之前的文章已經說得比較明白了，那么在學習了docker的一些知識后，現在該用它來做點事兒了，^_^，有點小興奮。接下來就來看看docker怎樣去部署一個VueJs的項目，我們從以下三點來進行： Vu...

OldPanda 2019-07-25 14:49 評論0 收藏0