068~071:尚硅谷vue3相关学习示例

src/App.vue

@@ -1,14 +1,22 @@
 <template>
   <div>
-    <h1>我的App组件!</h1>
+    <suspense>
-    <input type="text" v-model="msg">
+      <template #default>
-    <p>{{msg}}</p>
+        <LoveTalk />
+      </template>
+      <template #fallback>
+        <div>loading...
+          <br>
+          <h2>正在加载中...</h2>
+        </div>
+      </template>
+    </suspense>
   </div>
 </template>
 
 <script setup lang="ts" name="App">
-import useCustomRef from './utils/useCustomRef';
+import LoveTalk from './components/LoveTalk.vue';
-const {msg} = useCustomRef(2000,'msg');
+
 
 
 </script>

src/components/LoveTalk.vue

@@ -44,6 +44,12 @@ async function getLoveTaik() {
 
   
 }
+const {data} = await axios.get('https://api.oddfar.com/yl/q.php?c=2004&encode=text')
+    //console.log(result.data);
+    let obj = {id:ulid(),title:data}
+    // talkList.unshift(obj)
+    talkStore.talkList.unshift(obj)
+    console.log(obj);
 
 </script>