vue进阶--外卖商家页

1、准备工做

一、vue特性：轻量级、简洁、高效、组件化、数据驱动

二、技术分析：使用vue- resource与后端交互(ajax通讯，ie9+)

　　　　　　  使用vue-router做为前端路由

　　　　　　   better-scroll第三方库

　　　　　　   webpack构建工具

　　　　　　   es6+eslint(代码风格检测)

　　　　　　   flex布局+stickyfooter布局

 

2、VUE介绍

一、MVVM：view:视图dom

　　　　　  viewModel:观察者(数据和视图经过vm相互通知改变)

　　　　　  model:数据js对象

二、有指令又有完整的组件周期

三、核心思想：数据驱动：

　　　　　　有一个数据a.b，先用es5为a.b添加getter和setter方法，vue对模板编译解析生成一个指令对象（v-text）,每一个指令关联一个watcher，对指令求值时触发getter,再次改变时触发setter而后再次通知watcher，而后再次求值a.b并对比新旧值，若是改变就通知指令调用update方法更新视图。

 

　　　　　　  组件化：拓展html元素，封装可重用代码。html中每一个组件对应一个vm，生成一个vm树和dom树一致。

　　　　　　  组件设计原则：一、每一个可视、可交互模块均可设计为组件 二、工程化思想即js+css+html写在一个文件就近维护 三、组件能够在页面中自由嵌套