疯狂发展的前端技术

  • 前端交互越来越多，功能需求越来越复杂
  • 旧浏览器逐渐淘汰，移动端需求增加
  • 架构由传统的后台 MVC 向 REST API + MV* 发展
    • 以前：胖服务器，瘦客户端
    • 现在：胖客户端，瘦服务器
  • 三大框架诞生
    • Angular
    • React
    • Vue

是什么

以下引自官网原话：

Vue.js (读音 /vjuː/，类似于 view) 是一套构建用户界面的渐进式框架。
与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。
Vue 的核心库只关注视图层，它不仅易于上手，还便于与第三方库或既有项目整合。
另一方面，当与单文件组件和 Vue 生态系统支持的库结合使用时，Vue 也完全能够为复杂的单页应用程序提供驱动。

  • 一款非常优秀的前端渐进式 JavaScript 框架
    • Vue 本身只是一个用于数据驱动视图更新的库
    • 随着生态的慢慢发展，如今已经有了 Vue Router、Vuex、Vue CLI、Vue Server Renderer 等功能库，所以当 Vue 和这些核心功能库结合到一起的时候，我们称之为一个框架
    • 这些技术一般也称之为 Vue 全家桶，所以学习 Vue 实际上就是要学习 Vue 全家桶才能发挥出 Vue 的威力
  • 由尤雨溪开发并于2014年2月开源于 Github
    • 目前已收货了 10w+ :star:
  • 可以轻松构建 SPA 应用程序
  • 通过 指令 扩展了 HTML，通过 表达式 绑定数据到 HTML
  • 通过组件化开发极大的提高了开发的效率和可维护性
  • 最大程度上解放了 DOM 操作
  • 它能让你更加的享受编程的乐趣

发展历史

Github 发布记录

  • Vue.js 由尤雨溪个人正式发布于2014年2月，并开源于 Github
  • 2015年10月27日，正式发布 1.0
  • 2016年8月1 日，正式发布 2.0
  • 截止到 2018-3-30 目前最新版本为 2.5.16
  • 目前已在 Github 收获 80k+ Star

Vue 核心思想

Vue 是为了克服 HTML 在构建应用上的不足而设计的。Vue 有着诸多特性，最为核心的是：

  • 数据驱动
    • DOM 是数据的一种自然映射
    • 数据改变自动驱动视图更新
  • 组件化
    • 扩展 HTML 元素，封装可重用代码

mvvm

components.png

对比传统 DOM 操作

更少的代码实现更给力的功能。

自增

切换显示与隐藏

列表渲染

相关链接

查看离线文档

关于作者

01ux0sDOKOzv