饿了么商品评价组件2018-10-15

。思考要接收哪些数据

一个变量控制是否只看内容坪价,还有一个控制选择类型,还有一个维护所有评价的数组,因为会显示评价数,还需要一个描述全部,推荐,吐槽的变量,因为里面的内容会变动,再其他页面不一样


FOOD组件下面也有评论的部分,所以也需要维护关于评价的几个变量,在food组件中也要声明


记住,声明之后,要在show之后再初始化一下数据,因为这些数据会被不同商品所使用,在传入的时候,要保持初始化状态。



。时间戳转化成时间字符串



方法中的data使传入的时间戳,第二个参数表示规定的格式化样子,使用formatData方法动态替换格式上的字母,使其成为真正的事件字符串

过滤器用于常见的文本格式化:https://cn.vuejs.org/v2/guide/filters.html

创建一个filters,使用formatDate方法转换时间戳。

formatDate方法抽离乘公共模块,在js 中引入公共方法




技巧:通过截取字符串,将个位数如5,转化为05.

function padLeftZero(str) { return ('00'+str).substr(str.length); }

你可能感兴趣的:(饿了么商品评价组件2018-10-15)