From 1fd6983305cf1f0fb89133adae0990486af37aae Mon Sep 17 00:00:00 2001
From: lichaojun <lichaojun@cdqcp.com>
Date: Sat, 31 Jan 2026 23:47:23 +0800
Subject: [PATCH] feat: vue3 computed

---
 src/views/demo/code.vue | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/src/views/demo/code.vue b/src/views/demo/code.vue
index c5f1d97..1d3aed1 100644
--- a/src/views/demo/code.vue
+++ b/src/views/demo/code.vue
@@ -14,7 +14,7 @@
 </template>
 
 <script setup lang="ts">
-import { ref } from 'vue';
+import { ref, reactive, computed } from 'vue';
 
 /**
  * 题目 1. 冒泡排序
@@ -154,6 +154,19 @@ function useDeepClone() {
     console.log('深拷贝的新值', deepCloneA);
 }
 
+function useVue3Computed() {
+    const state = reactive({
+        count: 1,
+    });
+
+    const doubleCount = computed(() => {
+        console.log('computed');
+        return state.count * 2;
+    });
+
+    state.count++;
+}
+
 /** 拿到script中所有方法 */
 const functionArray = ref([
     { name: 'useBubbleSort', func: useBubbleSort },
@@ -161,5 +174,6 @@ const functionArray = ref([
     { name: 'useNew', func: useNew },
     { name: 'useChangeThis', func: useChangeThis },
     { name: 'useDeepClone', func: useDeepClone },
+    { name: 'useVue3Computed', func: useVue3Computed },
 ]);
 </script>