'首次提交'

src/App.vue

@@ -0,0 +1,21 @@
+<script setup lang="ts">
+// This starter template is using Vue 3 <script setup> SFCs
+// Check out https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup
+import HelloWorld from './components/HelloWorld.vue'
+</script>
+
+<template>
+  <img alt="Vue logo" src="./assets/logo.png" />
+  <router-view/>
+</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>

src/components/HelloWorld.vue

@@ -0,0 +1,42 @@
+<template>
+  <el-input v-model="input" placeholder="Please input" />
+  <el-input-number v-model="num" :min="1" :max="10" @change="handleChange"/>
+</template>
+
+<script lang="ts">
+import {defineComponent, ref} from 'vue'
+
+
+export default defineComponent({
+  setup() {
+    const num = ref(1)
+    const handleChange = (value: string) => {
+      console.log(value)
+    }
+    return {
+      input:ref(''),
+      num,
+      handleChange,
+    }
+  },
+})
+</script>
+
+
+<style scoped>
+a {
+  color: #42b983;
+}
+
+label {
+  margin: 0 0.5em;
+  font-weight: bold;
+}
+
+code {
+  background-color: #eee;
+  padding: 2px 4px;
+  border-radius: 4px;
+  color: #304455;
+}
+</style>

src/env.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="vite/client" />
+
+declare module '*.vue' {
+  import { DefineComponent } from 'vue'
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/ban-types
+  const component: DefineComponent<{}, {}, any>
+  export default component
+}

src/main.ts

@@ -0,0 +1,16 @@
+import { createApp } from 'vue'
+import App from './App.vue'
+import router from "./router";
+import {store,key} from './store'
+
+
+import ElementPlus from 'element-plus'
+import 'element-plus/dist/index.css'
+
+
+const app=createApp(App)
+app
+    .use(router)
+    .use(store,key)
+    .use(ElementPlus)
+    .mount('#app')

src/router/index.ts

@@ -0,0 +1,23 @@
+import {createRouter, createWebHashHistory, RouteRecordRaw} from 'vue-router'
+import HelloWord from '../components/HelloWorld.vue'
+
+const routes: Array<RouteRecordRaw> = [
+    {
+        path: '',
+        redirect: (_) => {
+            return {path: '/home'}
+        }
+    },
+    {
+        path: '/home',
+        name: 'HelloWord',
+        component: HelloWord
+    }
+]
+
+const router = createRouter({
+    history: createWebHashHistory(),
+    routes: routes
+})
+
+export default router

src/store/index.ts

@@ -0,0 +1,25 @@
+import {InjectionKey} from 'vue'
+import {createStore, Store} from 'vuex'
+
+export interface State {
+    count: number
+}
+
+export const key: InjectionKey<Store<State>> = Symbol()
+
+export const store = createStore<State>({
+    state() {
+        return {
+            count: 0
+        }
+    },
+    mutations: {
+        increment(state: { count: number }) {
+            state.count++
+        }
+    }
+})
+
+
+
+