响应式综合运用
Reactivity
实验题目
产品列表页
实验目的
初步熟悉组件的基本作用和使用
掌握类 class 和样式 style 的基本使用
掌握条件渲染 v-if 的基本使用
掌握列表渲染 v-for 的基本使用
掌握响应式数据 ref()、reactive() 的基本使用
进一步熟悉资源服务器的搭建和使用
实验内容
服务器端：在前续静态资源服务器搭建的基础上，准备 json 数据并响应用户的数据请求
.可以使用自己熟悉的服务器环境
.可以使用 大树小站 提供的在线资源数据，也可以自己准备数据
客户端：从资源服务器拉取数据并渲染
.定制滚动条 scrollbar
.阿里字体图标 Iconfont
其它设计
.主题切换
参考效果和参考代码
拓展与思考
数据分页时，如何调整结构 - 样式 - 逻辑？
如何触底加载？
如何复用结构和样式
使用内联样式和外部样式调整项目
使用其它浏览器查看项目效果
说明
现场验收、课后提交实验报告
在开发环境中获取数据并渲染