init project

src/views/About.vue

@@ -0,0 +1,22 @@
+<template>
+  <div class="about">
+    <h1>关于我们</h1>
+    <p>这是关于页面的内容</p>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'About',
+  components: {},
+  data() {
+    return {}
+  }
+}
+</script>
+
+<style scoped>
+.about {
+  padding: 20px;
+}
+</style> 

src/views/Home.vue

@@ -0,0 +1,23 @@
+<template>
+  <div class="container">
+    Hello World
+  </div>
+</template>
+
+<script setup>
+import { ref, onMounted } from 'vue'
+
+
+onMounted(() => {
+  
+})
+
+</script>
+
+<style scoped>
+.container {
+  height: 100vh;
+  background-color: #f5f7fa;
+}
+
+</style> 

src/views/NotFound.vue

@@ -0,0 +1,34 @@
+<template>
+  <div class="not-found">
+    <h1>404</h1>
+    <p>抱歉，页面不存在</p>
+    <router-link to="/">返回首页</router-link>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'NotFound'
+}
+</script>
+
+<style scoped>
+.not-found {
+  padding: 40px;
+  text-align: center;
+}
+
+h1 {
+  font-size: 72px;
+  color: #666;
+}
+
+a {
+  color: #42b983;
+  text-decoration: none;
+}
+
+a:hover {
+  text-decoration: underline;
+}
+</style>