更新版本依赖

package.json

@@ -7,22 +7,22 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "axios": "^0.25.0",
+    "axios": "^0.27.2",
-    "dayjs": "^1.10.8",
+    "dayjs": "^1.11.4",
-    "element-plus": "^1.3.0-beta.8",
+    "element-plus": "^2.2.10",
     "lodash": "^4.17.21",
     "normalize.css": "^8.0.1",
-    "qs": "^6.10.3",
+    "qs": "^6.11.0",
-    "vue": "^3.2.31",
+    "vue": "^3.2.37",
-    "vue-router": "^4.0.13"
+    "vue-router": "^4.1.2"
   },
   "devDependencies": {
-    "@types/node": "^17.0.21",
+    "@types/node": "^18.6.1",
-    "@vitejs/plugin-vue": "^2.2.4",
+    "@vitejs/plugin-vue": "^3.0.1",
-    "sass": "^1.49.9",
+    "sass": "^1.54.0",
-    "typescript": "^4.6.2",
+    "typescript": "^4.7.4",
-    "vite": "^2.8.6",
+    "vite": "^3.0.3",
-    "vue-tsc": "^0.29.8",
+    "vue-tsc": "^0.39.0",
     "vuex": "^4.0.2"
   }
 }

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"),
+    component: () => import("@/views/home/index.vue"),
-    // children: [{}]
+    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>