logo

该视频仅会员有权观看

立即开通课程「Nuxt.js 前端应用开发实践」权限。

¥
199
/ 年
  • 设计内容页面,通过点击列表标题打开。
  • 打开带有方括号ID的内容页面组件post。
  • 使用use runtime config解构配置,并提取a p i base u r l。
  • 用a p i base u r l请求图像和内容数据。
  • API fetch的类型是post请求,接口地址是post + ID。
  • 结果中data重命名为post。
  • 组件模板含head和title,绑定输出post标题。
  • 图像元素样式设置为宽度100%,绑定src。
  • 图像路径模板由a p i base u r o和files组成,加上post file i d和size查询。
  • 内容下方为显示标题h1,绑定输出post的title。
  • 正文内容在一组div中,绑定输出post content。
  • 添加一组显示作者名字的diff小横线。
  • 浏览器可预览内容页面,显示图像、标题、正文和作者名字。