文章目录
- 1 复习:
- 2 动态开发面包屑中的分类名
- 3 动态开发面包屑中的关键字
- 4 排序操作
- 4.1 问题:order属性的属性值最多有多少种写法
- 4.2 问题:谁应该有类名
- 4.3 问题:谁应该有箭头
- 4.4 问题:箭头用什么制作
1 复习:
- search模块需要的服务器数据,我们已经请求到了,而且存储于vuex仓库当中,而且有一些数组数据【我们已经通过getters】进行简化了。
- 切记:getters简化数据而生。
- 商品列表、平台售卖属性已经动态数据(来自于服务器数据)。
2 动态开发面包屑中的分类名
编程式导航路由跳转【自己跳自己】
3 动态开发面包屑中的关键字
- 当面包屑中的关键字清除以后,需要让兄弟组件Header组件中的关键字清除。
- 设计组件通信:
- props:父子
- 自定义事件:子父
- vuex:存储数据 万能
- 插槽:父子
- pubsub-js:万能
- $bus:全局事件总线 万能
4 排序操作
- 1: 综合, 2: 价格 asc: 升序, desc: 降序
- 实例:“1:desc”
4.1 问题:order属性的属性值最多有多少种写法
- 1: asc
- 1: desc
- 2: asc
- 2: desc
4.2 问题:谁应该有类名
通过order属性值当中是包含1(综合)| 2(价格)。
4.3 问题:谁应该有箭头
谁有类名,谁就有箭头。
4.4 问题:箭头用什么制作
- 阿里图标库:https://www.iconfont.cn/
- https://at.alicdn.com/t/c/font_4790243_bgc0dvb5iu.css