logo.png
随着这几年前端的快速发展，页面中需要实现的功能越来越复杂，DOM操作频繁，使用传统的jQuery库去频繁操作DOM时不仅消耗性能，而且各种DOM绑定后期维护时简直是一场噩梦，在开发大型项目时，模块间的依赖问题也变得十分复杂，在这个大背景下，以数据驱动和组件化思想开发的 Vue、React等JavaScript MVVM库应运而生。

相比于其他库，Vue.js 提供了更加简洁、更易于理解的 API，使得我们能够快速上手，一经推出，便迅速走红。现在 Vue.js 更是火得一塌糊涂，github star 数更是超越 React。

疯狂发展的前端技术

  • 前端开发的三个时代

    • 纯原生 JavaScript，直接操作 DOM
    • jQuery（仅仅是提高了 DOM 操作的效率）
    • 框架时代

  • 前端交互越来越多，功能需求越来越复杂；旧浏览器逐渐淘汰，移动端需求增加

  • 架构由传统的后台 MVC 向 REST API + MV* 发展

    • 以前：胖服务器，瘦客户端
    • 现在：胖客户端，瘦服务器

  • 前后端分离开发方式

    • 人员职责的划分
    • 技能的划分

  • 各种前端框架诞生

    • Vue
    • React
    • Angular
    • …

是什么

以下引自官网原话：

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

  • 操作视图的方式
    • 直接操作 DOM
    • jQuery（封装了 DOM 操作），提高了操作 DOM 的效率
    • Vue.js
      • MVVM（数据驱动视图的方式）
      • 面向数据式编程
  • 一款非常优秀的前端渐进式 JavaScript 框架
    • Vue 本身只是一个用于数据驱动视图更新的库
      • 让你原来操作 DOM 这件事儿更简单了
    • 随着生态的慢慢发展，如今已经有了 Vue Router、Vuex、Vue CLI、Vue Server Renderer 等功能库，所以当 Vue 和这些核心功能库结合到一起的时候，我们称之为一个框架
  • 由尤雨溪开发并于 2014 年 2 月开源于 Github
    • 目前已收获了 15w+ 一、Vue.js 介绍 - 图2
  • 可以轻松构建 SPA 应用程序
    • Single Page Application 单页面应用程序，说白了就是网页无刷新
    • 例如类似于网易云音乐 PC 端网站
  • 核心特点：通过数据操作视图更新，解放了 DOM 操作
  • 核心特点：通过组件化开发极大的提高了开发的效率和可维护性

Vue.js，通常简称为 Vue，是一款友好的、高性能的 JavaScript 框架，能够帮助我们创建可维护性和可测试性更强的代码。它是目前所有主流框架中学习曲线最平缓的框架，非常容易上手，其官方文档也写得非常清晰、易懂。

发展历史

Github 发布记录

  • Vue.js 由尤雨溪个人正式发布于 2014 年 2 月，并开源于 Github
  • 2015 年 10 月 27 日，正式发布 1.0
  • 2016 年 8 月 1 日，正式发布 2.0
  • 截止到 2019-6 目前最新版本为 2.6.10
  • 预计 2020 年发布 3.0 版本
  • 目前已在 Github 收获 15w+ Star

Vue 核心思想

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

  • 数据驱动
    • DOM 是数据的一种自然映射
    • 数据改变自动驱动视图更新

mvvm.png

  • 组件化：扩展 HTML 元素，封装可重用代码

components.png

相关链接

建议：为了达到更好的学习效果，把官方的学习教程看至少两遍。

关于作者

006tNc79ly1fmgrsgfs25j30h40cdgng.jpg