02-Vuejs介绍

2-1 Vuejs介绍-近年来前端开发趋势

旧浏览器逐渐淘汰，移动端需求增加
前端交互越来越多，功能越来越复杂
架构从传统后端MVC向REST API+前端MV*迁移

MV*:MVC、MVP、MVVM

2-2 Vuejs介绍-MVVM框架

MVVM框架

数据双向绑定：当数据发生变化，ViewModel能够观察到数据变化，并通知到对应视图做自动更新；而当用户操作视图，ViewModel也能够监听到视图的变化，然后通知数据做改动。

针对具有复杂交互逻辑的前端应用
提供基础的架构抽象
通过AJAX数据持久化，保证前端用户体验

MVVM：Angular.js、React.js、Vue.js

2-3 Vuejs介绍-什么是Vuejs及Vuejs生态

什么是Vue.js

轻量级MVVM框架
数据驱动+组件化的前端开发
GitHub超过25k的star数，社区完善

官网：https://cn.vuejs.org/

2-4 Vuejs介绍-对比Angular、React

Vue.js更轻量，gzip后大小只有20k+，angular56k，react44k

Vue.js更易上手，学习曲线平稳

吸取两家之长，借鉴了angular的指令和react的组件化

2-5 Vuejs介绍-Vuejs核心思想

数据驱动
组件化

数据驱动

DOM是数据的一种自然映射

数据响应原理

数据(Model)改变驱动视图（View）自动更新

组件化

扩展HTML元素，封装可重用的代码

组件设计原则

页面上每个独立的可视/可交互区域视为一个组件
每个组件对应一个工程目录，组件所需要的各种资源在这个目录下就近维护
页面不过是组件的容器，组件可以嵌套自由组合形成完整的页面