Vuejs 实战观书有感 C1

赵连江发布于2019-07-01 11:05 / 2174人阅读

摘要：还有一点比较重要的是，如何在快速迭代的软件开发周期内，去解放生产力。于是就会大量涌现很多优秀的开源框架和扩展库，去解决现实生活中的实际问题。而这一切都是在朝着提高开发效率，降低维护成本而前进。结合书中的观点去总结和思考。

关于 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

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/29826.html

Vuejs 实战观书有感 C1

摘要：还有一点比较重要的是，如何在快速迭代的软件开发周期内，去解放生产力。于是就会大量涌现很多优秀的开源框架和扩展库，去解决现实生活中的实际问题。而这一切都是在朝着提高开发效率，降低维护成本而前进。结合书中的观点去总结和思考。关于 Vue.js showImg(https://segmentfault.com/img/bVbk73v?w=252&h=253); 简单小巧的核心（代码压缩后大...

weapon 2019-08-23 14:06 评论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