摘要：点击商品应该会跳转到商品详情页，在这里我们把商品详情页做成组件 在内部组件定义一个show方法来切换这个组件的显示 接下来要给外面的food添加一个点击事件，在点击的时候把数据传递给子组件在调用子组件自身的show方法 goods组件中顶一个数据叫被选中的商品 给数据添加点击事件，并把food传递进 阅读全文

摘要：要实现这个组件的效果，以及和底部购物车联动的效果 这个组件能获取父组件foods上每个商品的数据，而且点击增加可以增加，点击删除可以删除 新建一个组件叫做cartcontrol，因为每一道菜都应该有这个组件，所以在goods父组件循环遍历goods出的food中把每一项food传递到子组件中去 在这 阅读全文

摘要：底下购物车一共有三种样式 未选商品样式： 已选商品但未到起送价样式： 已经到达起送价的样式 首先这购物车的三种不同的样式，都需要从外部获取数据，也就是拿到food组件选择的商品和商品的总价，由于购物车是food组件的子组件，所以可以在food组件里把起送费和配送费传递进去 由于food组件的数据是a 阅读全文

摘要：better-scroll 是一款重点解决移动端各种滚动场景需求的插件，并且可以很好的和 Vue 配合使用 首先来总结一下当下项目需要通过这个插件解决的需求： 1.左边商品种类列表可以滚动，右侧当前种类的商品详情也可以滚动 2.右侧上下滚动的时候左侧对应的种类也会高亮 3.点击左侧的种类的时候右侧会 阅读全文

摘要：在package.json中的dev属性中添加--host ip地址即可 访问方法： http://192.168.31.253:8080/#/seller 带二维码的浏览器手机直接扫描即可，不带二维码的浏览器 百度草料二维码直接把网址放进去生成二维码再扫描即可 当然这些前提需要主机和测试手机在同一 阅读全文

摘要：星级评分在WEB开发中经常可能会用到，因此把他封装成一个vue组件是很合适的，要做的效果如下： 因此我们需要通过后台传递过来的score来写业务逻辑 比如这个模拟数据，3.6分就应该是三颗半星，小于3.5分大于3分的依旧按3分判断 在设计给出的图标中单颗星级有无星级，半颗，以及一颗 根据星星的大小， 阅读全文

摘要：在前端开发中因为屏幕像素比的关系，经常要根据各种型号手机的dpi来加载不同分辨率的图片，来提高性能以及更好的展示 在vue开发中秉承组件化的开发原则，所有和该组件相关的图片应该和该组件在一个文件夹下，所以把这个组件全部相关的图片放入组件目录下，并按相同的规律命名文件 接下来定义一个mixin.les 阅读全文

摘要：新的vue-cli生成的项目中build文件夹中已经没有dev-server.js这个文件 被替换成了webpack-dev-conf.js文件 因此只需要在这个文件中配置mock数据即可: 我们使用的是express这个框架起的服务，所以可以使用express-router来编译这些接口请求: 在 阅读全文