项目总结：快餐店POS收银系统

在简历的项目经历上写：

快餐店收银pos平台开发

1.使用mockplus做出应用框线图，然后利用VueRouter+VueCLI3.0和elementUI框架以及iconfont进行页面、功能开发，利用axios获取后台数据，数据是自己通过yapi平台进行模拟数据。

2 主要内容：

（1）订单模块：包括增加删除单品的数量、计算总数量，总金额，以及删除订单和结账按钮。

（2）热卖商品模块：块级显示热卖商品以及价格，点击可加入订单

（3）分类商品模块：分类显示主食、小食、饮品、套餐，以图片文字显示，点击可加入订单

 

 

=================================================================================================

面试聊这玩意：

1 为啥要用这个框架：

轻量级应用，组件化开发

2 解决了哪些问题 遇到了哪些问题 怎么解决的 自己是什么项目

遇到的问题以及解决方案

【1】获取后台数据

我把食品名字 id 价格都模拟数据写在了yapi平台作为接口，原来用过easy-mock，但是那个网站经常崩溃，然后在pos.vue里引入axios在created周期进行数据调用，在页面的li上v-for（item in foodList）  插值引入{ {item.goodName}}

【2】我在使用elementUI创建栅格布局时想要增加他的高度，如通过css样式来太麻烦了，直接通过js的方式设置他的height

 这个在mounted的生命周期   

 var orderHight = document.body.clientHeight;

    document.getElementById("orde