- 当用户登录成功后,想要在页面头部显示当前登录用户的名字。
- 使用use state在一个组件中创建数据状态,并命名,其他组件也能使用这个状态来获取数据值。
- 在login页面的脚本中准备表示当前用户的数据,命名为current user。
- 登录请求成功后,若data value有值,则设置current user的值。
- 在default组件脚本中准备同样的current user数据,使用v-if指令来判断current user的值,从而决定是否显示账户小图标。
- 如果current user有值,在浏览器进行登录操作,成功后会设置并显示当前用户的名字。