Vue.js跨平台开发基础教程
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人

任务1.1 了解Vue基础知识

1.1.1 前端开发概述

随着前端技术的发展,纯粹的HTML+CSS+JavaScript已经不能完全满足应用的需要,特别是针对大型的网站,代码量巨大,开发也会非常复杂,因此,前端框架的概念与体系应运而生。框架能够封装功能,基于组件技术可以大大优化和简化应用程序的开发。前端框架一般是指用于简化网页设计的框架,往往会封装一些网页开发的功能,如BootStrap框架封装了大量的样式,能够简化CSS的设计,提供各种漂亮的控件(如按钮、表单等)和实用的网站开发技术(如菜单设计、轮播等技术)。目前,市场三大前端主流框架分别是AngularJS、React和Vue。

1)AngularJS诞生于2009年,由Misko Hevery等人创建,后被Google公司收购,是一个应用设计框架与开发平台,用于创建高效、复杂、精致的单页面应用。AngularJS通过新的属性和表达式扩展了HTML,实现了一套框架在多种平台(移动端和桌面端)的应用。它有诸多特性,最为核心的是MVVM模式、模块化、自动化双向数据绑定、语义化标签、依赖注入等。

2)React是用于构建用户界面的JavaScript库,起源于Facebook公司的内部项目,用于架设Instagram的网站,于2013年5月开源。React主要用于构建UI,可以在React中传递多种类型的参数,如渲染UI、传递静态HTML DOM元素、动态变量,以及可交互的应用组件等。

3)Vue的早期开发灵感来源AngularJS,于2014年上线,它解决了AngularJS中存在的许多问题。秉承了AngularJS和React两个框架的优势,代码简洁、上手容易,上市后即在市场上得到了广泛的应用。

三个框架的简单比较如表1-1所示。

表1-1 AngularJS、React和Vue比较