vue结合饿了么_vue高仿饿了么APP（一）

在网上找了一个vue的视频教程---高仿饿了么，讲得不错，自己也跟着讲师做了一遍，现在来帮自己整理，总结一下，加深对vue的理解。

一，功能技术分析

1，利用vue-resource实现前后端数据交互。

2，使用vue-router做前端路由实现单页应用。

3，实现列表滚动，--第三方js库better-scroll

4，收藏商家功能，使用html5的localstorage

5,图标字体的使用

6，移动端1像素边框

7，css sticky footer布局

8,flex弹性布局

二，学习目标

1，掌握Vue.js在实战中的运用

2，学会使用Vue.js完整地开发移动端App

3,学会组件化、模块化的开发方式

三，开始学习了

1，MVVM框架

MVVM的设计思想：关注Model的变化，让MVVM框架去自动更新DOM的状态，从而把开发者从操作DOM的繁琐步骤中解脱出来！

2,Vue.js介绍

它是一个轻量级MVVM框架----数据驱动+组件化的前端开发。

数据驱动，就是当数据改变了，我们不需要像jquery一样去手动获取dom来改变视图，在vue框架里ViewModel已经帮我们做好了这种关联关系。。。我们开发的时候，只需要专注数据的变化。

组件设计原则

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

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

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

vue结合饿了么_vue高仿饿了么APP（一）相关推荐

vue + vue-router + vue-resource + es6 + stylus + webpack 高仿饿了么外卖App商家详情
VUE高仿饿了么app 本项目github地址:https://github.com/motysla/eleme.git VUE 搭建简介刚学习了VUE高仿饿了么app课,记录课的要点,巩固知识. ...
vue结合饿了么_Vue.js 高仿饿了么外卖app 全套_IT教程网
资源名称:Vue.js 高仿饿了么外卖app 全套资源目录: vue仿饿了么视频全套全套资源 │ files.txt │ project.zip │ resource.zip │ ├─第01 ...
Vue.js高仿饿了么外卖App学习记录
(给达达前端加星标,提升前端技能) 开发一款vue.js开发一款app,使用vue.js是一款高效的mvvm框架,它轻量,高效,组件化,数据驱动等功能便于开发.使用vue.js开发移动端app,学会使 ...
高仿“饿了么”Vue项目（一）
高仿"饿了么"Vue项目(一) 当我们把Vue框架的概念过了一遍之后,要进一步提升,就要看看别人是怎么使用Vue框架来做项目了. 在github上有不少好的Vue项目,我找到了其中 ...
vue +vue-router + es6 +webpack 高仿饿了么app
vue +vue-router + es6 +webpack 高仿饿了么app 刚通过某课网的教程学习了vue高仿饿了么app,由于教程是用Vue1.0编写的,现在Vue已经更新到了2.0,所以项目遇 ...
【笔记-vue】《imooc-vue.js高仿饿了么》、《imooc-vue 音乐app》、《imooc-vue.js源码全方位解析》
20170709 - 20171128:<imooc-vue.js高仿饿了么> 一.第一章课程简介 1-1课程简介 1.需求分析-脚手架工具-数据mock-架构设计-代码编写-自测-编译 ...
项目：Vue.js高仿饿了吗外卖APP（一）
Vue.js高仿饿了吗外卖APP核心知识使用Vue.js作为项目的技术栈!这是目前最火的MVVM框架(之一),轻量.简洁.高效.数据驱动.组件化的优点,被大家称为"简单却不失优雅,小巧而不 ...
Vue高仿饿了吗学习笔记
VUE高仿饿了么app 本项目github地址:https://github.com/motysla/eleme.git VUE 搭建简介刚学习了VUE高仿饿了么app课,记录课的要点,巩固知识. ...
vue.js高仿饿了吗实现tips
@[TOC]vue.js高仿饿了吗实现tips 高仿饿了吗–tip1 动态评星目标:根据商家的星级生成指定的五行样式注意点无论星级多少,星星的个数都是五颗,所以利用v-for循环生成利用内联标 ...

vue结合饿了么_vue高仿饿了么APP（一）

vue结合饿了么_vue高仿饿了么APP（一）相关推荐

最新文章

热门文章