0 前言

HTML和JavaScript是Web开发中无处不在的两个技术,它们的使用范围非常广泛,几乎涵盖了整个互联网和移动应用的开发。

我喜欢用HTML和JavaScript编写一些小程序,所以决定学习vue。

Vue学习笔记1:Vue概况_HTML

1 Vue是什么?

Vue 是一个开源的前端 JavaScript 框架,它基于标准 HTML、CSS 和 JavaScript 构建,并提供了一套声明式的、组件化的编程模型,专注于声明式呈现和组件组合,仅为视图层提供核心库,用于在 Web 上生成用户界面和单页应用程序(SPA)。  


2 Vue的作者

vue 由 Evan You (尤雨溪)创建,于 2014 年发布并由 Evan 及其核心团队维护。


3 Vue 名称的由来

Evan You在 Google工作时 研究过 AngularJS,在尝试自己开发框架时最初叫做“AngularJS Lite”,但由于与AngularJS的名称相似,被AngularJS团队要求更名。

因为这是一个视图层库,而 vue 是 view 的法语,于是尤雨溪将框架更名为vue。

Vue学习笔记1:Vue概况_MVVM_02

还有一种说法是:vue=Visual User Environment


4 Vue怎么念

Vue 的发音为 /vjuː/,类似 view

Vue学习笔记1:Vue概况_JavaScript_03

5 Vue的发展简史


  • 2014年2月,Vue的第一个版本(0.6.0)发布,当时它只是一个简单的MVVM库。
  • 2015年10月,Vue的第一个正式版本(1.0)发布,Vue在该版本中引入了组件系统、模块化和指令系统。
  • 2016年9月,Vue 2.0发布,它是一个重要的版本,引入了虚拟DOM和渲染性能的大幅提升。
  • 2017年,Vue被选为GitHub年度最佳JavaScript项目之一。
  • 2018年,Vue 3.0开始开发,并在当年底发布了第一个预览版。Vue 3.0引入了许多新特性,包括静态类型、Composition API和更好的性能等。
  • 2020年9月,Vue 3.0正式发布,Vue 3.0的主要特点是更快、更小、更易于使用的API,以及更好的TypeScript支持。


6 Vue 的独特之处

Vue 使用 model-view-viewmodel 体系结构。

Model–View–ViewModel(MVVM)是一个软件架构设计模式,源自于经典的 Model–View–Controller(MVC)模式,由微软 WPF 和 Silverlight 的架构师 Ken Cooper 和 Ted Peters 开发,是一种简化用户界面的事件驱动编程方式。由 John Gossman(同样也是 WPF 和 Silverlight 的架构师)于2005年在他的博客上发表。

Vue学习笔记1:Vue概况_MVVM_04

MVVM 的出现促进了 GUI 前端开发与后端业务逻辑的分离,极大地提高了前端开发效率。

MVVM 的核心是 ViewModel 层,它就像是一个中转站(value converter),负责转换 Model 中的数据对象来让数据变得更容易管理和使用,该层向上与视图层进行双向数据绑定,向下与 Model 层通过接口请求进行数据交互,起呈上启下作用。


7 Vue可以做什么

Vue 是一个框架,也是一个生态。其功能覆盖了大部分前端开发常见的需求:


  • 无需构建步骤,渐进式增强静态的 HTML
  • 在任何页面中作为 Web Components 嵌入
  • 单页应用 (single-page application,SPA)
  • 全栈 / 服务端渲染 ( Server-side rendering,SSR)
  • Jamstack / 静态站点生成 (Static Site Generation,SSG)
  • 开发桌面端、移动端、WebGL,甚至是命令行终端中的界面

此外,在 Nuxt.js 的帮助下,Vue还可以使用 Node.js 后端生成服务器呈现的网站。