保存进度！

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

@@ -10,28 +10,21 @@
 -->
 <template>
   <div class="content">
-    <h1>学习vuex</h1>
-    <div><App1></App1> <App2></App2></div>
-    <el-button type="warning" @click="onClearCount">清零</el-button>
+    <div class="banner">
+      <h1>学习路由</h1>
+    </div>
+    <div class="container">
+      <div class="nav"></div>
+      <div class="view"></div>
+    </div>
   </div>
-  <hr />
 </template>
 
 <script>
-import App1 from "./components/vuex/App1.vue";
-import App2 from "./components/vuex/App2.vue";
-
 export default {
   name: "App",
-  components: {
-    App1,
-    App2,
-  },
-  methods: {
-    onClearCount() {
-      this.$store.commit("clearCount");
-    },
-  },
+  components: {},
+  methods: {},
 };
 </script>
 
@@ -40,22 +33,7 @@ export default {
   background-color: #f4f5f7;
 }
 .content {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  width: 40rem;
-  margin: 0px auto;
-  border-radius: 5px;
-  padding: 50px;
-}
-
-#app div {
-  padding: 15px;
-}
-
-#app div > * + * {
-  margin-left: 1rem;
+  background-color: #fff;
 }
 
 hr {