Vue学习笔记一：Vue.js介绍

一、近年来前端开发趋势

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

MV* ：1、MVC

            2、MVP

            3、MVVM   ←  Vue.js

二、MVVM框架介绍 

 MVVM的应用场景：

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

 MVVM：1、Angular.js

               2、react.js

               3、vue.js

三、 什么是vue.js

• 它是一个轻量级MVVM框架
• 数据驱动 + 组件化的前端开发
• Github 超过 157k+ 的star数，社区完善

四、对比 Angular React

• Vue.js更轻量，gzip 后大小只有 20K+
• Vue.js更易上手，学习曲线平稳
• 吸收两家之长，借鉴了 angular 的指令和 react 的组件化

五、Vue.js 核心思想

• 数据驱动

DOM 是数据的一种自然映射。

数据响应原理：数据（model）改变 驱动 视图（view）自动更新。 

• 组件化

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

组件的设计原则 ：

1、页面上每个独立的可视/可交互区域视为一个组件。

2、每个组件对应一个工程目录，组件所需要的各种资源在这个目录下就近维护。

3、页面不过是组件的容器，组件可以嵌套自由组合形成完整的页面。