From 425fdfe1d97caebc5d7429214e8835c5163eb0c3 Mon Sep 17 00:00:00 2001
From: 62651a3279fbdd78c800902f <62651a3279fbdd78c800902f@devide>
Date: Sun, 21 May 2023 15:12:00 +0000
Subject: [PATCH] Sun May 21 15:12:00 UTC 2023 inscode

---
 src/App.vue                            |  6 ++++--
 src/page/watchEffect/watchEffect.vue   | 19 +++++++++++++++++++
 src/page/{ => ziChuanFuVal}/child.vue  |  0
 src/page/{ => ziChuanFuVal}/parent.vue |  0
 4 files changed, 23 insertions(+), 2 deletions(-)
 create mode 100644 src/page/watchEffect/watchEffect.vue
 rename src/page/{ => ziChuanFuVal}/child.vue (100%)
 rename src/page/{ => ziChuanFuVal}/parent.vue (100%)

diff --git a/src/App.vue b/src/App.vue
index 8459f75..5277025 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,9 +1,11 @@
 <script setup>
-import parent from './page/parent.vue';
+import parent from './page/ziChuanFuVal/parent.vue';
+import watchEffect from './page/watchEffect/watchEffect.vue';
 </script>
 
 <template>
-  <parent></parent>
+  <!-- <parent></parent> -->
+  <watchEffect></watchEffect>
 </template>
 
 <style scoped>
diff --git a/src/page/watchEffect/watchEffect.vue b/src/page/watchEffect/watchEffect.vue
new file mode 100644
index 0000000..7b853be
--- /dev/null
+++ b/src/page/watchEffect/watchEffect.vue
@@ -0,0 +1,19 @@
+<script setup>
+import { ref, watchEffect } from 'vue';
+const changeVal = ref(0);
+
+watchEffect(() => {
+    console.log("循环",changeVal.value);
+})
+
+const cs = () => {
+    changeVal.value = changeVal.value + 1;
+}
+</script>
+
+<template>
+<button @click="cs">点击循环</button>
+</template>
+
+<style scoped>
+</style>
\ No newline at end of file
diff --git a/src/page/child.vue b/src/page/ziChuanFuVal/child.vue
similarity index 100%
rename from src/page/child.vue
rename to src/page/ziChuanFuVal/child.vue
diff --git a/src/page/parent.vue b/src/page/ziChuanFuVal/parent.vue
similarity index 100%
rename from src/page/parent.vue
rename to src/page/ziChuanFuVal/parent.vue
-- 
GitLab