更新版本依赖

src/main.ts

@@ -4,12 +4,14 @@
  * @Author: Ruin 🍭
  * @Date: 2022-01-25 16:22:24
  * @LastEditors: 刘引
- * @LastEditTime: 2022-03-10 10:46:51
+ * @LastEditTime: 2022-03-11 14:55:52
  */
 import { createApp } from "vue";
+
 import router from "./router/index"; //引入vue-router
 import store from "./store/index";
 import App from "./App.vue";
+// import
 import "normalize.css/normalize.css";
 const app = createApp(App);
 app.use(router); // 挂载到app上

src/router/index.ts

@@ -4,19 +4,26 @@
  * @Author: Ruin 🍭
  * @Date: 2022-01-25 16:57:54
  * @LastEditors: 刘引
- * @LastEditTime: 2022-03-10 10:59:20
+ * @LastEditTime: 2022-03-11 14:26:24
  */
+import path from "node:path/win32";
 import { createRouter, createWebHashHistory } from "vue-router";
 const routes = [
   {
     path: "/",
-    component: () => import("../views/home/index.vue"),
-    // children: [{}]
+    component: () => import("@/views/home/index.vue"),
+    children: [
+      {
+        path: "/",
+        component: import("@/views/home/index.vue"),
+        children: [{ path: "/", component: import("@/views/home/index.vue") }],
+      },
+    ],
     // redirect: "/index",
   },
   {
     path: "/user",
-    component: () => import("../views/user/index.vue"),
+    component: () => import("@/views/user/index.vue"),
   },
 ];
 
@@ -25,3 +32,4 @@ const router = createRouter({
   routes,
 });
 export default router;
+// 我感觉

src/views/home/components/news.vue

@@ -4,7 +4,7 @@
  * @Author: Ruin 🍭
  * @Date: 2022-03-10 10:11:16
  * @LastEditors: 刘引
- * @LastEditTime: 2022-03-10 17:51:03
+ * @LastEditTime: 2022-07-26 14:42:11
 -->
 <template>
   <div class="root">我是home组件的子组件news</div>
@@ -13,6 +13,7 @@
 <script lang="ts" setup>
 
 </script>
+
 <style lang="scss" scoped>
 .content {
   color: red;

src/views/home/index.vue

@@ -4,7 +4,7 @@
  * @Author: Ruin 🍭
  * @Date: 2022-03-10 10:11:06
  * @LastEditors: 刘引
- * @LastEditTime: 2022-03-10 17:50:33
+ * @LastEditTime: 2022-07-26 14:42:06
 -->
 <template>
   <div class="root-home">
@@ -16,7 +16,6 @@
 <script setup lang="ts">
 import { computed, watch, onUpdated, ref, reactive } from 'vue';
 import news from './components/news.vue'
-
 </script>
 
 <style lang="scss" scoped>