美食杰项目 -- 个人主页（四）

前言：

本文给大家讲解，美食杰项目中 实现个人主页的效果，和具体代码。

---

具体实现思路：

1. 判断是否是本人，获取用户详情信息
2. 关注，取消关注
3. 点击跳转，显示（发布，收藏，粉丝，关注）
4. 判断是否是跳转页，是则显示内容
5. 根据示例图进行渲染

---

步骤：

1. 展示美食杰菜谱大全效果

美食杰个人主页演示

---

2. 引入element-ui

点击跳转至 element-ui 中 Tabs 标签页使用方法：https://element.eleme.cn/#/zh-CN/component/tabs

---

3. 代码

• 个人主页

跳转至（发布，收藏，粉丝，关注）页可以使用 element-ui 中 Tabs 标签的方法。

---

• 收藏发布页

也可以把发布页和收藏页，分成两个组件来写，在一个组件中需要进行判断，那部分显示，那部分不显示

---

• 粉丝关注页

也可以把粉丝页和关注页，分成两个组件来写，在一个组件中需要进行判断，那部分显示，那部分不显示

---

总结：

总结：
以上就是 美食杰项目 中 个人主页的具体实现方法，不懂得也可以在评论区里问我，以后会持续发布一些新的功能，敬请关注。
我的其他文章：https://blog.csdn.net/weixin_62897746?type=blog