保存进度！

入门/cli/hello-cli/src/App.vue

@@ -1,26 +1,50 @@
+<!--
+ * @Author: Kane
+ * @Date: 2022-11-22 17:50:49
+ * @LastEditors: Kane
+ * @LastEditTime: 2022-11-29 13:25:47
+ * @FilePath: \hello-cli\src\App.vue
+ * @Description: 
+ * 
+ * Copyright (c) ${2022} by Kane, All Rights Reserved. 
+-->
 <template>
-  <img alt="Vue logo" src="./assets/logo.png">
-  <HelloWorld msg="Welcome to Your Vue.js App"/>
+  <div class="content">
+    <App1></App1>
+    <App2></App2>
+  </div>
 </template>
 
 <script>
-import HelloWorld from './components/HelloWorld.vue'
+import App1 from "./components/vuex/App1.vue";
+import App2 from "./components/vuex/App2.vue";
 
 export default {
-  name: 'App',
+  name: "App",
   components: {
-    HelloWorld
-  }
-}
+    App1,
+    App2,
+  },
+};
 </script>
 
 <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;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background-color: #f4f5f7;
+  width: 40rem;
+  margin: 0px auto;
+  border-radius: 5px;
+  padding: 50px;
+}
+
+#app div {
+  padding: 15px;
+}
+
+#app div > * + * {
+  margin-left: 1rem;
 }
 </style>