Vue 介绍

在这里插入图片描述
       随着这几年前端的快速发展,页面中需要实现的功能越来越复杂,DOM操作频繁,使用传统的jQuery库去频繁操作DOM时不仅消耗性能,而且各种DOM绑定后期维护时简直是一场噩梦,在开发大型项目时,模块间的依赖问题也变得十分复杂,在这个大背景下,以数据驱动和组件化思想开发的 Vue、React、Angular等JavaScript MVVM库应运而生。
       相比于其他库,Vue.js 提供了更加简洁、更易于理解的 API,使得我们能够快速上手,一经推出,便迅速走红。现在 Vue.js 更是火得一塌糊涂,github star 数更是超越 React。

疯狂发展的前端技术

  • 前端开发的三个时代
    纯原生 JavaScript,直接操作 DOM
    jQuery(仅仅是提高了 DOM 操作的效率)
    框架时代

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

  • 架构由传统的后台 MVC 向 REST API + MV 发展
    以前:胖服务器,瘦客户端
    现在:胖客户端,瘦服务器

  • 前后端分离开发方式
    人员职责的划分
    技能的划分

  • 各种前端框架诞生
    Vue
    React
    Angular
    Svelt

Vue 是什么

以下引自官网原话:

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

发展历史

Github 发布记录

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

Vue 核心思想

       Vue 是为了克服 HTML 在构建应用上的不足而设计的。Vue 有着诸多特性,最为核心的是:
数据驱动

  1. DOM 是数据的一种自然映射
  2. 数据改变自动驱动视图更新
  3. MVVM
    在这里插入图片描述
    **组件化:**扩展 HTML 元素,封装可重用代码
    在这里插入图片描述

相关链接

建议:为了达到更好的学习效果, 多看官方的学习教程

Vue Github 仓库
Vue 中文官网
Vue 官方教程

关于作者

在这里插入图片描述

尤雨溪 - 知乎
Vue 作者尤雨溪:以匠人的态度不断打磨完善 Vue (图灵访谈)
尤雨溪 - 新浪微博
尤雨溪 GitHub
尤雨溪谈 Vue.js :缔造自由与真我

Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐