饱了么App项目实战——vuejs介绍

本章节对应课程饿了么02文件夹。

1.近年来前端开发趋势

1）旧浏览器逐渐被淘汰，移动端需求逐渐增加。
就浏览器是指IE6_IE8,这些不支持es5特性的的浏览器（es的一个核心实现就是利用）。
IE9+，Chrome，Safari，firefox，这些浏览器都支持es5特性。移动端大部分浏览器都是webkit内核支持，ES5在移动端也是全面支持。所以vuejs可以在大部分高端浏览器上运行。
2).前端交互越来越多，功能越来越复杂。
3).架构从传统后台MVC向REST API+前端MV*迁移

MV*=MVC|MVP|MVVM
vuejs使用MVVM框架。

2.什么是MVVM框架

2.1MVVM的基本架构图

view和modal通过viewModal这个中间层进行交互。
2.2MVVM框架的应用场景
当前端对数据进行一些操作的时候，通过ajax请求，【】，不需要刷新整个页面，只需要改动dom里需要改动的那部分。
在移动端里面，经常会刷新各种资源，但是各种dom，js页面要重新解析，因此，移动端页面通常会做成单元面的形式，在这个基础上就诞生了各种MVVM框架，如下图所示。

3.什么是Vuejs

1）他是一个车轻量级的软件
2） 数据驱动+组件化的前端开发
3) github超过25K+ 的star数，社区完善。

3.1vue的特点
vuejs更轻量，易上手，
吸取了angular和react的两家之长，借鉴了angular的指令和react的组件化思想。

4.vuejs的核心思想。

4.1数据驱动和组件化
1）dom是一种自然映射，下图是vue的数据驱动图

modal发生变化时，会通过directives指令来更改dom，当dom发生变化时，dom Listenrs进行监听，然后让moda;同步。
4.2 vuejs的数据相应原理。
4.3 vue组件化
组件化是扩展html元素，封装可重用的代码
组件设计原则：
1.页面上每个独立的可视/可交互区域视为一个组件。
2.每个组件对应一个工程目录，组件所需要的各种资源在这个目录下就近维护。
3.页面不过是组件的容器