博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Vuejs 实战观书有感 C1
阅读量:6171 次
发布时间:2019-06-21

本文共 1129 字,大约阅读时间需要 3 分钟。

关于 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 管理路由文件
  • 语法检查,项目部署和测试
  • 项目发布
以上只是个人的一些拙见,接下来还会去深入学习这本书中的实战内容。结合书中的观点去总结和思考。查看更多学习文章可前往博客 站点

转载地址:http://lqtba.baihongyu.com/

你可能感兴趣的文章
周总结7
查看>>
类似OutLook布局的开源控件XPanderControls
查看>>
Web前端工程师成长之路——知识汇总
查看>>
[2018-9-4T2]探索黑暗dark
查看>>
【学术信息】中科院2019年学术期刊分区-综合性期刊
查看>>
ShareObject离线存储相关
查看>>
C++ XML
查看>>
windows批处理 打开exe后关闭cmd
查看>>
Flask开发系列之快速入门
查看>>
关于SaveChanges
查看>>
php7扩展开发 一 获取参数
查看>>
处女座与复读机
查看>>
Laravel 5.2数据库--迁移migration
查看>>
ExtJs Extender controls 不错的例子
查看>>
html的基础知识
查看>>
Mybatis Sql片段的应用
查看>>
突发奇想20150126
查看>>
Nginx + CGI/FastCGI + C/Cpp
查看>>
学习笔记------jsp页面与jsp标记
查看>>
DS博客作业02--线性表
查看>>