logo

该视频仅会员有权观看

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

¥
199
/ 年

内容页面:定义路由与组件

  • 创建了一个名为'post'的新路由,地址参数包括'post i d'
  • 设置路由对应的组件为'post show'
  • 在组件中通过props传递路由参数'post i d'
  • 新建组件'post show的view',包含template和script部分
  • 从Vix和view导入各种必要的方法和组件,如map getters和map actions
  • 在组件中定义props、生命周期方法create、计算属性(loading和show post)及methods(get post by i d)
  • 方法get post by i d用于在生命周期created中获取特定ID的post
  • 组件模板使用计算属性show post决定内容展示,绑定输出数据title和user name
  • 更新post list item组件使项目标题成为链接,通过router link导向'post show'页面
  • 点击链接会开启内容页面,展示通过post show store模块获取到的内容标题、正文和作者名字