From 303b9805f5a7654232bf5647037be8e62e04f7bc Mon Sep 17 00:00:00 2001
From: qq_63480508 <qq_63480508@devide>
Date: Tue, 18 Mar 2025 18:24:00 +0800
Subject: [PATCH] Tue Mar 18 18:24:00 CST 2025 inscode

---
 src/components/HelloWorld.vue | 49 +++++++----------------------------
 1 file changed, 9 insertions(+), 40 deletions(-)

diff --git a/src/components/HelloWorld.vue b/src/components/HelloWorld.vue
index 1b8faac..4d68122 100644
--- a/src/components/HelloWorld.vue
+++ b/src/components/HelloWorld.vue
@@ -1,43 +1,12 @@
-<script setup>
-defineProps({
-  msg: {
-    type: String,
-    required: true
-  }
-})
-</script>
+const reactiveHandler = {
+  get(target, key) {
+    console.log(`获取属性: ${key}`);
+    return target[key];
+  },
 
-<template>
-  <div class="greetings">
-    <h1 class="green">{{ msg }}</h1>
-    <h3>
-      You’ve successfully created a project with
-      <a target="_blank" href="https://vitejs.dev/">Vite</a> +
-      <a target="_blank" href="https://vuejs.org/">Vue 3</a>.
-    </h3>
-  </div>
-</template>
+};
 
-<style scoped>
-h1 {
-  font-weight: 500;
-  font-size: 2.6rem;
-  top: -10px;
-}
+const state = new Proxy({ count: 0 }, reactiveHandler);
 
-h3 {
-  font-size: 1.2rem;
-}
-
-.greetings h1,
-.greetings h3 {
-  text-align: center;
-}
-
-@media (min-width: 1024px) {
-  .greetings h1,
-  .greetings h3 {
-    text-align: left;
-  }
-}
-</style>
+state.count++; // 设置属性: count -> 1
+console.log(state.count); // 获取属性: count
-- 
GitLab