组件综合运用
Components
实验题目
组件设计
实验目的
熟悉组件的组成和作用
掌握组件的局部注册和全局注册
掌握组件之间通信的几种机制
掌握组件样式使用时的基本原则和考虑
熟悉异步组件的使用
熟悉动态组件的使用
熟悉缓存组件的作用和使用
进一步熟悉组件生命周期函数的执行
实验内容
静态组件
版权组件
权益保护组件 Guarantee.vue
传参组件
轮播组件 Swiper.vue
甜点组件 RecoDessert.vue
推荐组件 RecoItems.vue
动态组件
随享瑞幸 TabGoods.vue
颜值水杯 TabCup.vue
参考效果和参考代码
拓展与思考
如何复用结构和样式
使用内联样式和外部样式调整项目
设计并封装模态框组件
设计并封装加载组件
说明
现场验收、课后提交实验报告
在开发环境中获取数据并渲染