From bdd27b0111863e56ee09f750612ce45090857291 Mon Sep 17 00:00:00 2001
From: woshilwh <903915294@qq.com>
Date: Mon, 4 Apr 2022 19:31:08 +0800
Subject: [PATCH] vue-router

---
 .eslintrc.js        |  2 ++
 src/App.vue         | 14 ++------------
 src/Home.vue        |  7 +++++++
 src/main.ts         |  5 ++++-
 src/router/index.ts | 15 +++++++++++++++
 5 files changed, 30 insertions(+), 13 deletions(-)
 create mode 100644 src/Home.vue
 create mode 100644 src/router/index.ts

diff --git a/.eslintrc.js b/.eslintrc.js
index cf2e504..51eb246 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -14,5 +14,7 @@ module.exports = {
   plugins: [ "vue", "@typescript-eslint", "prettier" ],
   rules: {
     "indent": ["error", 2],
+    // 关闭驼峰命名规则
+    'vue/multi-word-component-names': 0,
   }
 }
diff --git a/src/App.vue b/src/App.vue
index bca77af..1df681e 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -9,18 +9,8 @@ const locale = zhCn;
 
 <template>
   <el-config-provider :locale="locale">
-    <img alt="Vue logo" src="./assets/logo.png" />
-    <HelloWorld msg="Hello Vue 3 + TypeScript + Vite" />
+    <router-view />
   </el-config-provider>
 </template>
 
-<style>
-#app {
-  font-family: Avenir, Helvetica, Arial, sans-serif;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  text-align: center;
-  color: #2c3e50;
-  margin-top: 60px;
-}
-</style>
+<style></style>
diff --git a/src/Home.vue b/src/Home.vue
new file mode 100644
index 0000000..3cf54c3
--- /dev/null
+++ b/src/Home.vue
@@ -0,0 +1,7 @@
+<script setup lang="ts"></script>
+
+<template>
+  <div>home</div>
+</template>
+
+<style></style>
diff --git a/src/main.ts b/src/main.ts
index 5aa9bb7..7380f18 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -1,6 +1,9 @@
 // If you want to use ElMessage, import it.
 import "element-plus/theme-chalk/src/message.scss";
+import router from "./router";
 import { createApp } from "vue";
 import App from "./App.vue";
 
-createApp(App).mount("#app");
+const app = createApp(App);
+app.use(router);
+app.mount("#app");
diff --git a/src/router/index.ts b/src/router/index.ts
new file mode 100644
index 0000000..32c8b00
--- /dev/null
+++ b/src/router/index.ts
@@ -0,0 +1,15 @@
+import { createRouter, createWebHistory, Router, RouteRecordRaw } from "vue-router";
+
+const routes: Array<RouteRecordRaw> = [
+  {
+    path: "/",
+    component: () => import("@/Home.vue")
+  }
+];
+
+const router = createRouter({
+  history: createWebHistory(),
+  routes
+});
+
+export default router;
-- 
Gitee