From 9f3a54c32729d64adae5d0095558a6f44a20fa66 Mon Sep 17 00:00:00 2001
From: ikun080 <1033546279@qq.com>
Date: Fri, 29 Mar 2024 20:22:56 +0800
Subject: [PATCH] Q3Q4 from biao

---
 package-lock.json        | 229 +++++++++++++++++++++++++--------------
 package.json             |   3 +-
 src/App.vue              |  37 ++-----
 src/components/text1.vue |  51 +++++++++
 src/components/text3.vue |  47 ++++++++
 src/components/text4.vue | 198 +++++++++++++++++++++++++++++++++
 src/hooks/useDog.ts      |  36 ++++++
 src/hooks/useSum.ts      |  36 ++++++
 src/main.js              |   3 -
 9 files changed, 530 insertions(+), 110 deletions(-)
 create mode 100644 src/components/text1.vue
 create mode 100644 src/components/text3.vue
 create mode 100644 src/components/text4.vue
 create mode 100644 src/hooks/useDog.ts
 create mode 100644 src/hooks/useSum.ts

diff --git a/package-lock.json b/package-lock.json
index 4738d0c..5feeb74 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,13 +1,14 @@
 {
-  "name": "lsl-vue-schoolwork-3",
+  "name": "yy2",
   "version": "0.0.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
-      "name": "lsl-vue-schoolwork-3",
+      "name": "yy2",
       "version": "0.0.0",
       "dependencies": {
+        "axios": "^1.6.8",
         "vue": "^3.4.21"
       },
       "devDependencies": {
@@ -400,9 +401,9 @@
       "integrity": "sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg=="
     },
     "node_modules/@rollup/rollup-android-arm-eabi": {
-      "version": "4.13.2",
-      "resolved": "https://registry.npmmirror.com/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.13.2.tgz",
-      "integrity": "sha512-3XFIDKWMFZrMnao1mJhnOT1h2g0169Os848NhhmGweEcfJ4rCi+3yMCOLG4zA61rbJdkcrM/DjVZm9Hg5p5w7g==",
+      "version": "4.13.1",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.13.1.tgz",
+      "integrity": "sha512-4C4UERETjXpC4WpBXDbkgNVgHyWfG3B/NKY46e7w5H134UDOFqUJKpsLm0UYmuupW+aJmRgeScrDNfvZ5WV80A==",
       "cpu": [
         "arm"
       ],
@@ -413,9 +414,9 @@
       ]
     },
     "node_modules/@rollup/rollup-android-arm64": {
-      "version": "4.13.2",
-      "resolved": "https://registry.npmmirror.com/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.13.2.tgz",
-      "integrity": "sha512-GdxxXbAuM7Y/YQM9/TwwP+L0omeE/lJAR1J+olu36c3LqqZEBdsIWeQ91KBe6nxwOnb06Xh7JS2U5ooWU5/LgQ==",
+      "version": "4.13.1",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.13.1.tgz",
+      "integrity": "sha512-TrTaFJ9pXgfXEiJKQ3yQRelpQFqgRzVR9it8DbeRzG0RX7mKUy0bqhCFsgevwXLJepQKTnLl95TnPGf9T9AMOA==",
       "cpu": [
         "arm64"
       ],
@@ -426,9 +427,9 @@
       ]
     },
     "node_modules/@rollup/rollup-darwin-arm64": {
-      "version": "4.13.2",
-      "resolved": "https://registry.npmmirror.com/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.13.2.tgz",
-      "integrity": "sha512-mCMlpzlBgOTdaFs83I4XRr8wNPveJiJX1RLfv4hggyIVhfB5mJfN4P8Z6yKh+oE4Luz+qq1P3kVdWrCKcMYrrA==",
+      "version": "4.13.1",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.13.1.tgz",
+      "integrity": "sha512-fz7jN6ahTI3cKzDO2otQuybts5cyu0feymg0bjvYCBrZQ8tSgE8pc0sSNEuGvifrQJWiwx9F05BowihmLxeQKw==",
       "cpu": [
         "arm64"
       ],
@@ -439,9 +440,9 @@
       ]
     },
     "node_modules/@rollup/rollup-darwin-x64": {
-      "version": "4.13.2",
-      "resolved": "https://registry.npmmirror.com/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.13.2.tgz",
-      "integrity": "sha512-yUoEvnH0FBef/NbB1u6d3HNGyruAKnN74LrPAfDQL3O32e3k3OSfLrPgSJmgb3PJrBZWfPyt6m4ZhAFa2nZp2A==",
+      "version": "4.13.1",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.13.1.tgz",
+      "integrity": "sha512-WTvdz7SLMlJpektdrnWRUN9C0N2qNHwNbWpNo0a3Tod3gb9leX+yrYdCeB7VV36OtoyiPAivl7/xZ3G1z5h20g==",
       "cpu": [
         "x64"
       ],
@@ -452,9 +453,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-arm-gnueabihf": {
-      "version": "4.13.2",
-      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.13.2.tgz",
-      "integrity": "sha512-GYbLs5ErswU/Xs7aGXqzc3RrdEjKdmoCrgzhJWyFL0r5fL3qd1NPcDKDowDnmcoSiGJeU68/Vy+OMUluRxPiLQ==",
+      "version": "4.13.1",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.13.1.tgz",
+      "integrity": "sha512-dBHQl+7wZzBYcIF6o4k2XkAfwP2ks1mYW2q/Gzv9n39uDcDiAGDqEyml08OdY0BIct0yLSPkDTqn4i6czpBLLw==",
       "cpu": [
         "arm"
       ],
@@ -465,9 +466,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-arm64-gnu": {
-      "version": "4.13.2",
-      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.13.2.tgz",
-      "integrity": "sha512-L1+D8/wqGnKQIlh4Zre9i4R4b4noxzH5DDciyahX4oOz62CphY7WDWqJoQ66zNR4oScLNOqQJfNSIAe/6TPUmQ==",
+      "version": "4.13.1",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.13.1.tgz",
+      "integrity": "sha512-bur4JOxvYxfrAmocRJIW0SADs3QdEYK6TQ7dTNz6Z4/lySeu3Z1H/+tl0a4qDYv0bCdBpUYM0sYa/X+9ZqgfSQ==",
       "cpu": [
         "arm64"
       ],
@@ -478,9 +479,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-arm64-musl": {
-      "version": "4.13.2",
-      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.13.2.tgz",
-      "integrity": "sha512-tK5eoKFkXdz6vjfkSTCupUzCo40xueTOiOO6PeEIadlNBkadH1wNOH8ILCPIl8by/Gmb5AGAeQOFeLev7iZDOA==",
+      "version": "4.13.1",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.13.1.tgz",
+      "integrity": "sha512-ssp77SjcDIUSoUyj7DU7/5iwM4ZEluY+N8umtCT9nBRs3u045t0KkW02LTyHouHDomnMXaXSZcCSr2bdMK63kA==",
       "cpu": [
         "arm64"
       ],
@@ -490,23 +491,10 @@
         "linux"
       ]
     },
-    "node_modules/@rollup/rollup-linux-powerpc64le-gnu": {
-      "version": "4.13.2",
-      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.13.2.tgz",
-      "integrity": "sha512-zvXvAUGGEYi6tYhcDmb9wlOckVbuD+7z3mzInCSTACJ4DQrdSLPNUeDIcAQW39M3q6PDquqLWu7pnO39uSMRzQ==",
-      "cpu": [
-        "ppc64le"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
     "node_modules/@rollup/rollup-linux-riscv64-gnu": {
-      "version": "4.13.2",
-      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.13.2.tgz",
-      "integrity": "sha512-C3GSKvMtdudHCN5HdmAMSRYR2kkhgdOfye4w0xzyii7lebVr4riCgmM6lRiSCnJn2w1Xz7ZZzHKuLrjx5620kw==",
+      "version": "4.13.1",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.13.1.tgz",
+      "integrity": "sha512-Jv1DkIvwEPAb+v25/Unrnnq9BO3F5cbFPT821n3S5litkz+O5NuXuNhqtPx5KtcwOTtaqkTsO+IVzJOsxd11aQ==",
       "cpu": [
         "riscv64"
       ],
@@ -517,9 +505,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-s390x-gnu": {
-      "version": "4.13.2",
-      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.13.2.tgz",
-      "integrity": "sha512-l4U0KDFwzD36j7HdfJ5/TveEQ1fUTjFFQP5qIt9gBqBgu1G8/kCaq5Ok05kd5TG9F8Lltf3MoYsUMw3rNlJ0Yg==",
+      "version": "4.13.1",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.13.1.tgz",
+      "integrity": "sha512-U564BrhEfaNChdATQaEODtquCC7Ez+8Hxz1h5MAdMYj0AqD0GA9rHCpElajb/sQcaFL6NXmHc5O+7FXpWMa73Q==",
       "cpu": [
         "s390x"
       ],
@@ -530,9 +518,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-x64-gnu": {
-      "version": "4.13.2",
-      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.13.2.tgz",
-      "integrity": "sha512-xXMLUAMzrtsvh3cZ448vbXqlUa7ZL8z0MwHp63K2IIID2+DeP5iWIT6g1SN7hg1VxPzqx0xZdiDM9l4n9LRU1A==",
+      "version": "4.13.1",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.13.1.tgz",
+      "integrity": "sha512-zGRDulLTeDemR8DFYyFIQ8kMP02xpUsX4IBikc7lwL9PrwR3gWmX2NopqiGlI2ZVWMl15qZeUjumTwpv18N7sQ==",
       "cpu": [
         "x64"
       ],
@@ -543,9 +531,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-x64-musl": {
-      "version": "4.13.2",
-      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.13.2.tgz",
-      "integrity": "sha512-M/JYAWickafUijWPai4ehrjzVPKRCyDb1SLuO+ZyPfoXgeCEAlgPkNXewFZx0zcnoIe3ay4UjXIMdXQXOZXWqA==",
+      "version": "4.13.1",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.13.1.tgz",
+      "integrity": "sha512-VTk/MveyPdMFkYJJPCkYBw07KcTkGU2hLEyqYMsU4NjiOfzoaDTW9PWGRsNwiOA3qI0k/JQPjkl/4FCK1smskQ==",
       "cpu": [
         "x64"
       ],
@@ -556,9 +544,9 @@
       ]
     },
     "node_modules/@rollup/rollup-win32-arm64-msvc": {
-      "version": "4.13.2",
-      "resolved": "https://registry.npmmirror.com/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.13.2.tgz",
-      "integrity": "sha512-2YWwoVg9KRkIKaXSh0mz3NmfurpmYoBBTAXA9qt7VXk0Xy12PoOP40EFuau+ajgALbbhi4uTj3tSG3tVseCjuA==",
+      "version": "4.13.1",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.13.1.tgz",
+      "integrity": "sha512-L+hX8Dtibb02r/OYCsp4sQQIi3ldZkFI0EUkMTDwRfFykXBPptoz/tuuGqEd3bThBSLRWPR6wsixDSgOx/U3Zw==",
       "cpu": [
         "arm64"
       ],
@@ -569,9 +557,9 @@
       ]
     },
     "node_modules/@rollup/rollup-win32-ia32-msvc": {
-      "version": "4.13.2",
-      "resolved": "https://registry.npmmirror.com/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.13.2.tgz",
-      "integrity": "sha512-2FSsE9aQ6OWD20E498NYKEQLneShWes0NGMPQwxWOdws35qQXH+FplabOSP5zEe1pVjurSDOGEVCE2agFwSEsw==",
+      "version": "4.13.1",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.13.1.tgz",
+      "integrity": "sha512-+dI2jVPfM5A8zme8riEoNC7UKk0Lzc7jCj/U89cQIrOjrZTCWZl/+IXUeRT2rEZ5j25lnSA9G9H1Ob9azaF/KQ==",
       "cpu": [
         "ia32"
       ],
@@ -582,9 +570,9 @@
       ]
     },
     "node_modules/@rollup/rollup-win32-x64-msvc": {
-      "version": "4.13.2",
-      "resolved": "https://registry.npmmirror.com/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.13.2.tgz",
-      "integrity": "sha512-7h7J2nokcdPePdKykd8wtc8QqqkqxIrUz7MHj6aNr8waBRU//NLDVnNjQnqQO6fqtjrtCdftpbTuOKAyrAQETQ==",
+      "version": "4.13.1",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.13.1.tgz",
+      "integrity": "sha512-YY1Exxo2viZ/O2dMHuwQvimJ0SqvL+OAWQLLY6rvXavgQKjhQUzn7nc1Dd29gjB5Fqi00nrBWctJBOyfVMIVxw==",
       "cpu": [
         "x64"
       ],
@@ -703,11 +691,45 @@
       "resolved": "https://registry.npmmirror.com/@vue/shared/-/shared-3.4.21.tgz",
       "integrity": "sha512-PuJe7vDIi6VYSinuEbUIQgMIRZGgM8e4R+G+/dQTk0X1NEdvgvvgv7m+rfmDH1gZzyA1OjjoWskvHlfRNfQf3g=="
     },
+    "node_modules/asynckit": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmmirror.com/asynckit/-/asynckit-0.4.0.tgz",
+      "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q=="
+    },
+    "node_modules/axios": {
+      "version": "1.6.8",
+      "resolved": "https://registry.npmmirror.com/axios/-/axios-1.6.8.tgz",
+      "integrity": "sha512-v/ZHtJDU39mDpyBoFVkETcd/uNdxrWRrg3bKpOKzXFA6Bvqopts6ALSMU3y6ijYxbw2B+wPrIv46egTzJXCLGQ==",
+      "dependencies": {
+        "follow-redirects": "^1.15.6",
+        "form-data": "^4.0.0",
+        "proxy-from-env": "^1.1.0"
+      }
+    },
+    "node_modules/combined-stream": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmmirror.com/combined-stream/-/combined-stream-1.0.8.tgz",
+      "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
+      "dependencies": {
+        "delayed-stream": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
     "node_modules/csstype": {
       "version": "3.1.3",
       "resolved": "https://registry.npmmirror.com/csstype/-/csstype-3.1.3.tgz",
       "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw=="
     },
+    "node_modules/delayed-stream": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmmirror.com/delayed-stream/-/delayed-stream-1.0.0.tgz",
+      "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
     "node_modules/entities": {
       "version": "4.5.0",
       "resolved": "https://registry.npmmirror.com/entities/-/entities-4.5.0.tgz",
@@ -759,6 +781,32 @@
       "resolved": "https://registry.npmmirror.com/estree-walker/-/estree-walker-2.0.2.tgz",
       "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w=="
     },
+    "node_modules/follow-redirects": {
+      "version": "1.15.6",
+      "resolved": "https://registry.npmmirror.com/follow-redirects/-/follow-redirects-1.15.6.tgz",
+      "integrity": "sha512-wWN62YITEaOpSK584EZXJafH1AGpO8RVgElfkuXbTOrPX4fIfOyEpW/CsiNd8JdYrAoOvafRTOEnvsO++qCqFA==",
+      "engines": {
+        "node": ">=4.0"
+      },
+      "peerDependenciesMeta": {
+        "debug": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/form-data": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmmirror.com/form-data/-/form-data-4.0.0.tgz",
+      "integrity": "sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==",
+      "dependencies": {
+        "asynckit": "^0.4.0",
+        "combined-stream": "^1.0.8",
+        "mime-types": "^2.1.12"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
     "node_modules/fsevents": {
       "version": "2.3.3",
       "resolved": "https://registry.npmmirror.com/fsevents/-/fsevents-2.3.3.tgz",
@@ -784,6 +832,25 @@
         "node": ">=12"
       }
     },
+    "node_modules/mime-db": {
+      "version": "1.52.0",
+      "resolved": "https://registry.npmmirror.com/mime-db/-/mime-db-1.52.0.tgz",
+      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mime-types": {
+      "version": "2.1.35",
+      "resolved": "https://registry.npmmirror.com/mime-types/-/mime-types-2.1.35.tgz",
+      "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
+      "dependencies": {
+        "mime-db": "1.52.0"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
     "node_modules/nanoid": {
       "version": "3.3.7",
       "resolved": "https://registry.npmmirror.com/nanoid/-/nanoid-3.3.7.tgz",
@@ -813,10 +880,15 @@
         "node": "^10 || ^12 || >=14"
       }
     },
+    "node_modules/proxy-from-env": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmmirror.com/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
+      "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg=="
+    },
     "node_modules/rollup": {
-      "version": "4.13.2",
-      "resolved": "https://registry.npmmirror.com/rollup/-/rollup-4.13.2.tgz",
-      "integrity": "sha512-MIlLgsdMprDBXC+4hsPgzWUasLO9CE4zOkj/u6j+Z6j5A4zRY+CtiXAdJyPtgCsc42g658Aeh1DlrdVEJhsL2g==",
+      "version": "4.13.1",
+      "resolved": "https://registry.npmmirror.com/rollup/-/rollup-4.13.1.tgz",
+      "integrity": "sha512-hFi+fU132IvJ2ZuihN56dwgpltpmLZHZWsx27rMCTZ2sYwrqlgL5sECGy1eeV2lAihD8EzChBVVhsXci0wD4Tg==",
       "dev": true,
       "dependencies": {
         "@types/estree": "1.0.5"
@@ -829,21 +901,20 @@
         "npm": ">=8.0.0"
       },
       "optionalDependencies": {
-        "@rollup/rollup-android-arm-eabi": "4.13.2",
-        "@rollup/rollup-android-arm64": "4.13.2",
-        "@rollup/rollup-darwin-arm64": "4.13.2",
-        "@rollup/rollup-darwin-x64": "4.13.2",
-        "@rollup/rollup-linux-arm-gnueabihf": "4.13.2",
-        "@rollup/rollup-linux-arm64-gnu": "4.13.2",
-        "@rollup/rollup-linux-arm64-musl": "4.13.2",
-        "@rollup/rollup-linux-powerpc64le-gnu": "4.13.2",
-        "@rollup/rollup-linux-riscv64-gnu": "4.13.2",
-        "@rollup/rollup-linux-s390x-gnu": "4.13.2",
-        "@rollup/rollup-linux-x64-gnu": "4.13.2",
-        "@rollup/rollup-linux-x64-musl": "4.13.2",
-        "@rollup/rollup-win32-arm64-msvc": "4.13.2",
-        "@rollup/rollup-win32-ia32-msvc": "4.13.2",
-        "@rollup/rollup-win32-x64-msvc": "4.13.2",
+        "@rollup/rollup-android-arm-eabi": "4.13.1",
+        "@rollup/rollup-android-arm64": "4.13.1",
+        "@rollup/rollup-darwin-arm64": "4.13.1",
+        "@rollup/rollup-darwin-x64": "4.13.1",
+        "@rollup/rollup-linux-arm-gnueabihf": "4.13.1",
+        "@rollup/rollup-linux-arm64-gnu": "4.13.1",
+        "@rollup/rollup-linux-arm64-musl": "4.13.1",
+        "@rollup/rollup-linux-riscv64-gnu": "4.13.1",
+        "@rollup/rollup-linux-s390x-gnu": "4.13.1",
+        "@rollup/rollup-linux-x64-gnu": "4.13.1",
+        "@rollup/rollup-linux-x64-musl": "4.13.1",
+        "@rollup/rollup-win32-arm64-msvc": "4.13.1",
+        "@rollup/rollup-win32-ia32-msvc": "4.13.1",
+        "@rollup/rollup-win32-x64-msvc": "4.13.1",
         "fsevents": "~2.3.2"
       }
     },
@@ -856,13 +927,13 @@
       }
     },
     "node_modules/vite": {
-      "version": "5.2.7",
-      "resolved": "https://registry.npmmirror.com/vite/-/vite-5.2.7.tgz",
-      "integrity": "sha512-k14PWOKLI6pMaSzAuGtT+Cf0YmIx12z9YGon39onaJNy8DLBfBJrzg9FQEmkAM5lpHBZs9wksWAsyF/HkpEwJA==",
+      "version": "5.2.6",
+      "resolved": "https://registry.npmmirror.com/vite/-/vite-5.2.6.tgz",
+      "integrity": "sha512-FPtnxFlSIKYjZ2eosBQamz4CbyrTizbZ3hnGJlh/wMtCrlp1Hah6AzBLjGI5I2urTfNnpovpHdrL6YRuBOPnCA==",
       "dev": true,
       "dependencies": {
         "esbuild": "^0.20.1",
-        "postcss": "^8.4.38",
+        "postcss": "^8.4.36",
         "rollup": "^4.13.0"
       },
       "bin": {
diff --git a/package.json b/package.json
index e3b8544..f41fa9b 100644
--- a/package.json
+++ b/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "lsl-vue-schoolwork-3",
+  "name": "yy2",
   "private": true,
   "version": "0.0.0",
   "type": "module",
@@ -9,6 +9,7 @@
     "preview": "vite preview"
   },
   "dependencies": {
+    "axios": "^1.6.8",
     "vue": "^3.4.21"
   },
   "devDependencies": {
diff --git a/src/App.vue b/src/App.vue
index 341dbf0..b949770 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,30 +1,13 @@
-<script setup>
-import HelloWorld from './components/HelloWorld.vue'
-</script>
-
 <template>
-  <div>
-    <a href="https://vitejs.dev" target="_blank">
-      <img src="/vite.svg" class="logo" alt="Vite logo" />
-    </a>
-    <a href="https://vuejs.org/" target="_blank">
-      <img src="./assets/vue.svg" class="logo vue" alt="Vue logo" />
-    </a>
-  </div>
-  <HelloWorld msg="Vite + Vue" />
+
+  <text1 v-if="isShow" />
 </template>
 
-<style scoped>
-.logo {
-  height: 6em;
-  padding: 1.5em;
-  will-change: filter;
-  transition: filter 300ms;
-}
-.logo:hover {
-  filter: drop-shadow(0 0 2em #646cffaa);
-}
-.logo.vue:hover {
-  filter: drop-shadow(0 0 2em #42b883aa);
-}
-</style>
+
+<script lang="ts" setup name="App">
+import text1 from './components/text1.vue'
+import { ref } from 'vue'
+
+let isShow = ref(true)
+
+</script>
diff --git a/src/components/text1.vue b/src/components/text1.vue
new file mode 100644
index 0000000..7449d8a
--- /dev/null
+++ b/src/components/text1.vue
@@ -0,0 +1,51 @@
+<template>
+    <div class="person">
+        <h2>{{ sum }}</h2>
+        <button @click="add">sum+1</button>
+    </div>
+</template>
+
+<script lang="ts" setup name="person">
+import { onBeforeMount, onMounted, onBeforeUpdate, onUpdated, onBeforeUnmount, onUnmounted, ref } from 'vue';
+
+let sum = ref(0)
+
+
+const add = () => {
+    sum.value += 1
+}
+
+
+onBeforeMount(() => {
+    console.log('组件挂载前')
+})
+
+
+onMounted(() => {
+    console.log('组件挂载成功后')
+})
+
+
+
+onBeforeUpdate(() => {
+    console.log('组件更新前')
+})
+
+onUpdated(() => {
+    console.log('组件中的任意的DOM元素更新后')
+})
+
+
+
+onBeforeUnmount(() => {
+    console.log('组件实例被销毁前')
+})
+
+onUnmounted(() => {
+    console.log('组件实例被销毁后')
+})
+
+
+
+
+</script>
\ No newline at end of file
diff --git a/src/components/text3.vue b/src/components/text3.vue
new file mode 100644
index 0000000..7600417
--- /dev/null
+++ b/src/components/text3.vue
@@ -0,0 +1,47 @@
+<template>
+    <div class="app">
+        <h2>当前求和为:{{ sum }},放大10倍后为:{{ bigSum }}</h2>
+        <button @click="add">点我+1</button>
+        <button @click="dda">点我-1</button>
+        <hr>
+        <img v-for="(dog, index) in dogList" :src="dog" :key="index">
+        <br>
+        <button @click="getDog">再来一只小狗</button>
+
+
+    </div>
+</template>
+
+s
+<script setup name="app">
+
+import useDog from '../hooks/useDog'
+
+import useSum from '../hooks/useSum'
+
+const { sum, add, dda, bigSum } = useSum()
+const { dogList, getDog } = useDog()
+
+</script>
+
+<style scoped>
+.app {
+    background-color: skyblue;
+    box-shadow: 0 0 10px;
+    border-radius: 10px;
+    padding: 20px;
+}
+
+button {
+    margin: 0 5px;
+}
+
+li {
+    font-size: 20px;
+}
+
+img {
+    width: 100px;
+    margin-right: 10px;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/text4.vue b/src/components/text4.vue
new file mode 100644
index 0000000..da7d158
--- /dev/null
+++ b/src/components/text4.vue
@@ -0,0 +1,198 @@
+<template>
+    <div>
+
+        <div>
+            <h1>简易学生管理系统</h1>
+            <h2>用户名:</h2>
+            <input v-model="newStudent.name" placeholder="请输入用户名">
+            <h2>年龄:</h2>
+            <input v-model.number="newStudent.age" placeholder="请输入年龄" type="number" min="15">
+            <br>
+            <select v-model="newStudent.gender">
+                <option value="男">男</option>
+                <option value="女">女</option>
+            </select>
+            <br>
+            <button @click="addStudent" class="btu1">创建新用户</button>
+        </div>
+
+        <hr>
+
+        <h1>用户信息</h1>
+        <div>
+            <button @click="sortStudentsByAge">按年龄升序显示学生信息</button>
+            <button @click="showAverageAge">显示所有学生平均年龄</button>
+        </div>
+
+
+
+        <table border="1" cellspacing="0" cellpadding="0">
+            <thead class="the1">
+                <tr>
+                    <th>姓名</th>
+                    <th>年龄</th>
+                    <th>性别</th>
+                    <th>操作</th>
+                </tr>
+            </thead>
+            <tbody>
+                <tr v-for="(student, index) in filteredStudents" :key="index">
+                    <td>{{ student.name }}</td>
+                    <td>{{ student.age }}</td>
+                    <td>{{ student.gender }}</td>
+                    <td>
+                        <button @click="deleteStudent(index)" class="but3">删除</button>
+                        <button @click="editStudent(index)" class="but4">修改</button>
+                    </td>
+                </tr>
+            </tbody>
+        </table>
+    </div>
+
+
+
+
+    <div>
+        <input v-model="searchName" placeholder="按姓名搜索">
+        <button @click="searchStudents" class="but2">搜索</button>
+    </div>
+
+
+
+    <div v-if="showEditForm">
+        <input v-model="editedStudent.name" placeholder="请输入用户名">
+        <input v-model.number="editedStudent.age" placeholder="请输入年龄" type="number" min="15">
+        <select v-model="editedStudent.gender">
+            <option value="男">男</option>
+            <option value="女">女</option>
+        </select>
+        <button @click="updateStudent">确认修改</button>
+    </div>
+
+</template>
+
+<script>
+import { ref, computed } from 'vue';
+
+export default {
+    setup() {
+
+        const students = ref([
+            { name: '张三', age: 20, gender: '男' },
+            { name: '李四', age: 18, gender: '女' },
+
+        ]);
+
+
+        const newStudent = ref({ name: '', age: 0, gender: '男' });
+
+
+        const searchName = ref('');
+
+        const editedStudent = ref({ name: '', age: 0, gender: '男' })
+        const editedIndex = ref(null)
+        const showEditForm = ref(false)
+
+
+        const addStudent = () => {
+            if (newStudent.value.name !== '' && newStudent.value.age >= 15) {
+                students.value.push({ ...newStudent.value });
+                newStudent.value = { name: '', age: 0, gender: '男' };
+            } else {
+                alert('请输入有效的姓名和年龄（年龄不得小于15岁）');
+            }
+        };
+
+        const sortStudentsByAge = () => {
+            students.value.sort((a, b) => a.age - b.age);
+        };
+
+        const averageAge = computed(() => {
+            const totalAge = students.value.reduce((acc, curr) => acc + curr.age, 0);
+            return totalAge / students.value.length || 0;
+        });
+
+
+        const showAverageAge = () => {
+            alert(`所有学生的平均年龄为：${averageAge.value.toFixed(2)}岁`);
+        };
+
+
+        const filteredStudents = computed(() => {
+            return students.value.filter(student => student.name.includes(searchName.value));
+        });
+
+
+        const searchStudents = () => {
+
+        };
+
+
+        const deleteStudent = (index) => {
+            students.value.splice(index, 1);
+        };
+
+        const editStudent = (index) => {
+            editedStudent.value = { ...students.value[index] };
+            editedIndex.value = index;
+            showEditForm.value = true;
+        };
+
+
+        const updateStudent = () => {
+            if (editedStudent.value.name !== '' && editedStudent.value.age >= 15) {
+                students.value[editedIndex.value] = { ...editedStudent.value };
+                editedStudent.value = { name: '', age: 0, gender: '男' };
+                showEditForm.value = false;
+            } else {
+                alert('请输入有效的姓名和年龄（年龄不得小于15岁）');
+            }
+        };
+
+
+        return {
+            newStudent,
+            searchName,
+            addStudent,
+            sortStudentsByAge,
+            showAverageAge,
+            filteredStudents,
+            searchStudents,
+            deleteStudent,
+            editStudent,
+            updateStudent,
+            editedStudent,
+            showEditForm
+        };
+    }
+};
+</script>
+
+
+
+
+
+
+
+<style>
+.btu1 {
+    background-color: red;
+    color: #fff;
+    border-color: #fff;
+}
+
+.the1 {
+    background-color: aqua;
+}
+
+.but3 {
+    background-color: greenyellow;
+    color: #fff;
+}
+
+.but4,
+.but2 {
+    background-color: blue;
+    color: #fff;
+}
+</style>
diff --git a/src/hooks/useDog.ts b/src/hooks/useDog.ts
new file mode 100644
index 0000000..f1f7f48
--- /dev/null
+++ b/src/hooks/useDog.ts
@@ -0,0 +1,36 @@
+
+import { onMounted, reactive } from 'vue'
+import axios from 'axios'
+
+
+export default function () {
+    let dogList = reactive([])
+
+
+    async function getDog() {
+        try {
+            let result = await axios.get('https://dog.ceo/api/breed/pembroke/images/random')
+            dogList.push(result.data.message)
+            console.log(result.data.message)
+        } catch (error) {
+            console.log(error.message)
+        }
+    }
+
+    onMounted(() => {
+        getDog()
+    })
+
+    return { dogList, getDog }
+
+
+}
+
+
+
+
+
+
+
+
+
diff --git a/src/hooks/useSum.ts b/src/hooks/useSum.ts
new file mode 100644
index 0000000..8425588
--- /dev/null
+++ b/src/hooks/useSum.ts
@@ -0,0 +1,36 @@
+import { ref, onMounted, watchEffect, computed } from 'vue'
+import axios from 'axios'
+
+export default function () {
+    let sum = ref(0)
+
+    let bigSum = computed(() => {
+        return sum.value * 10
+    })
+
+    onMounted(() => {
+        console.log('成功挂载', sum.value += 1)
+    })
+
+    function add() {
+        sum.value += 1
+    }
+
+    function dda() {
+        sum.value -= 1
+    }
+
+    const stope = watchEffect(() => {
+        if (sum.value > 10) {
+            stope()
+        }
+        else {
+            console.log(sum.value)
+        }
+    })
+    watchEffect(() => {
+        bigSum.value
+    })
+    return { sum, bigSum, add, dda }
+
+}
diff --git a/src/main.js b/src/main.js
index 1e09744..1d4acd7 100644
--- a/src/main.js
+++ b/src/main.js
@@ -1,6 +1,3 @@
 import { createApp } from 'vue'
-import './style.css'
 import App from './App.vue'
-
-
 createApp(App).mount('#app')
-- 
Gitee