该视频仅会员有权观看
立即开通课程「Vue.js前端应用开发实践」权限。
- 创建了一个名为'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模块获取到的内容标题、正文和作者名字