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