- 实现退出登录功能:设置当前用户数据为
no
,清除浏览器本地存储的用户数据。 - 创建
useLogOut
文件和函数,在compositions
文件夹内。 useLogOut
函数包含使用useState
定义的currentUser
变量及设置其值为no
。- 利用
useLocalStorage
删除本地存储的名为currentUser
的数据。 - 在
default
组件的登录图标下添加一个v-else
指令的退出登录图像,并设置相关事件处理,通过useLogOut
处理点击事件。 - 点击退出登录小图标,当前用户状态会被设置为
no
,浏览器本地存储的用户数据也会被清除。