vue.js浅析

vue.js 是什么(2016.10发布了 2.0版本)


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

  • 2013 年底作为个人实验项目开始开发
  • 2014 年 2 月公开发布
  • 2014 年 11 月发布从头重写的 0.11
  • 2016年10发布了 2.0版本
  • 截止2017年8月62000+ Stars on GitHub图片8

    vue.js 能做什么


  • 数据渲染/数据同步(双向绑定)

  • 组件化/模块化
  • 路由
  • 状态管理模式(vuex)

图片9

  • 轻量级
  • 高效率
  • 简洁而全面的文档
  • 完整的社区以及讨论社区
  • 在 API 与设计两方面非常简单,因此可以快速地掌握它的全部特性并投入开发。
  • 在性能方面,可以参考这个第三方跑分。图片7

模块/组件化


图片11

 

Web前端MVVM设计模式

Web 1.0


  1. 简单的HTML+JavaScript脚本
  2. 纯静态的页面
  3. 结合服务端的开发模式图片1

    Web 2.0


  • ajax
  • jQuery、BootStrap等前端框架
  • Requirejs 图片2

Web 3.0 (Commponents SPA)


  • ES5、ES6(ECMAScript)
  • TypeScript
  • MVVM ( angularjs、vuejs ) 图片3

Web 4.0 全栈 node.js …

 

MVVM(Model+ViewModel+View)


MVVM模式是根据MVP模式来的,可以简单的说,MVVM模式就是WPF版的MVP模式。MVP模式,MVC模式,这几个模式都是为了抽离出UI逻辑和业务逻辑。

MCV:Backbone、ember MVVM:vue.js、angular.js 4.0

图片4 图片5

当前热门MVVM框架


图片6