学子商城新闻列表功能开发及组件间跳转与数据传递技术.pdfVIP

今天学习的内容

1:复习昨天重点

2:今天学习目标

2.1:学子商城--列表

分析功能:创建列表组件NewsList.vue

-创建新组件src/component/home/NewsList.vue

-为组件指定路径/NewsList

-修改组件外观mui/media-list.html

-组件创建成功后发送第一页请求

-点击组件加载按钮发送下一页请求

2.2:学子商城--列表-日期格式错误

网页通常日期格式货币格式不满足要求使用过滤器

解决问题

格式:

*main.js创建全局过滤器其它任意组件都可以直接调用

Vue.filter(过滤器名称,function(原始数据格式){

对原始数据格式处理

返回字符串

})

*在模板中直接调用过滤器

{{item.ctime|过滤器名称}}

2.3:组件之间跳转与数据传递