19.显示登录用户和退出登录

src/components/admin/home/HomeHeader.vue

@@ -1,3 +1,18 @@
+<script setup>
+  import { useAdminStore } from "@/stores/admin/admin.js";
+  import { useRouter } from 'vue-router'
+  import LocalDR from "@/utils/LocalDR.js";
+
+  const adminStore = useAdminStore();
+  const router = useRouter();
+
+  const logout = () => {
+    LocalDR.remove("admin")
+    router.push("/login")
+
+  }
+</script>
+
 <template>
   <div class="header">
     <div class="title">
@@ -11,11 +26,11 @@
     <div class="info">
       <div class="admin">
         <div class="name">
-          <span>李龙龙</span>
+          <span>{{ adminStore.data.name }}</span>
           <el-icon><Bell /></el-icon>
         </div>
 
-        <div class="exit">
+        <div class="exit" @click="logout">
           退出
         </div>
       </div>
@@ -25,9 +40,7 @@
 
 </template>
 
-<script>
 
-</script>
 
 <style lang="scss" scoped>
 

src/utils/LocalDR.js

@@ -0,0 +1,13 @@
+const get = (key) => {
+    return localStorage.getItem(key)
+}
+
+const set = (key) => {
+    return localStorage.getItem(key,value)
+}
+
+const remove = (key) => {
+    return localStorage.removeItem(key)
+}
+
+export default { get, set, remove }