vue 美团框架_vue2练习之仿美团外卖开发（一）

前言

很多初学者尤其是像我这样的公司有且只有一个前端的时候，硬着头皮去学习一门新框架，周围无人帮忙，平日里遇到问题只能求助于思否，百度，google。点击我的个人头像去看我的提问你们就知道vue小白去学习vue真的很心累。网上搜索的时候搜索出来的都是一些简单的demo.教学网站上的项目也是一些简单的单页面或者稍微多几个页面。对我这种新手入门可以，但是拿到手做生产开发还是远远不够。于是我尝试写一个练手型项目，具体页面有多少我也没啥数，用到的技术有啥我也没啥数，总之想到哪里开发到哪里，中间会回来查漏补缺。里面代码我尽量每句都会有注释，希望大佬们看到以后不吝赐教。指出错误。

为什么选择VUE

1学习曲线平滑，没有NG以及react的学习起来难度那么大。

2setget的双向数据绑定方法我觉得很巧妙

3我是尤雨溪脑残粉

为什么选美团外卖

美团外卖项目估计差不多能够设计到大部分VUE技术点，(不包括服务端渲染)作为练习够用了。当然真正的外卖开发需要的东西远不止这些，我的目标仅仅是完成一个粗糙的框架。用作练习。

平日里我点外卖一直用美团。用多了可能也比较了解美团外卖吧。emmmm 我就是喜欢美团外卖==

技术栈

其实我也不知道我会用到哪些东西,是基于vuecli做的扩展 后面再增加的话会回来修改

vue2 + vuex + vue-router +axios+ webpack + ES6+flex+stylus+ vw + svg

参考代码

页面代码风格以及实现方式参考的是这里 vue-admin(入门vue我是对着这个学的)

为什么使用VW布局以及2X3X图

人都