美食杰个人空间详情

今天继续咱们的美食杰项目

一.介绍
个人空间包含上面的基础信息和下面的发布、关注。但是今天只有上面的基础信息,嘻嘻,想看下面的记得关注作者,就可以看到下面的详细信息了

这个是个人空间的效果展示图

这个页面是通过主页点击详细信息跳转的

个人空间代码如下

<template>
  <div class="space">
    <h2>欢迎来到我的美食空间</h2>
    <!-- <div>
      {
   {
   userInfo}}
    </div> -->
    <div class="user-info">
      <div class="user-avatar">
        <img :src="userInfo.avatar" alt="">
      </div>
      <div class="user-main">
        <h1>{
   {
   userInfo.name}}</h1>
        <span class="info">
          <em>{