Thu Oct 19 23:47:00 CST 2023 inscode

src/views/lesson-1.vue

@@ -79,6 +79,12 @@
             <value>代码错误</value>
             <Input type="number" disabled="true" class="input" v-model="reactObjValueNum" controls-outside />
         </item>
+        <item>
+            <name>reactObjChild.a</name>
+            <lable>reactObj.child.a</lable>
+            <value>{{'' + reactObjChild.a}}</value>
+            <Input type="number" class="input" v-model="reactObjChild.a" controls-outside />
+        </item>
 
         <Divider dashed />
         <item>
@@ -107,12 +113,6 @@
         </item>
 
         <Divider dashed />
-        <item>
-            <name>reactObjChild.a</name>
-            <lable>toRef(reactObj.value.num)</lable>
-            <value>{{'' + reactObjValueNumToRef}}</value>
-            <Input type="number" class="input" v-model="reactObjValueNumToRef" controls-outside />
-        </item>
     </main>
     
     <fixtop>
@@ -146,19 +146,22 @@ const refObj = ref(obj)
 const reactObj = reactive(obj)
 console.log('refObj', refObj)
 console.log('reactObj', reactObj)
-console.log('reactObj', reactObj.target)
 
 const refObjNum = refObj.num
 const reactObjNum = reactObj.num
 const refObjValueNum = refObj.value.num
 // const reactObjValueNum = reactObj.value.num // error
 
+const refObjChild = refObj.child
+const reactObjChild = reactObj.child
+console.log('reactfObjChild', reactObjChild)
+
+console.log('----------------------------------------')
 const refObjNumToRef = toRef(refObj, 'num')
 const reactObjNumToRef = toRef(reactObj, 'num')
 const refObjValueNumToRef = toRef(refObj.value, 'num')
 const reactObjValueNumToRef = toRef(reactObj.value, 'num')
 
-const refObjChild = refObj.child
 
 // const reactObjToRefs = toRefs(reactObj)
 // console.log('reactObjToRefs', reactObjToRefs)