package.json

@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "scripts": {
-    "start": "vue-cli-service serve",
+    "serve": "vue-cli-service serve",
     "build": "vue-cli-service build",
     "lint": "vue-cli-service lint"
   },

src/pages/bar.vue

@@ -1,7 +1,5 @@
 <template>
-    <div>这是bar
+    <div>这是bar</div>
-        <router-link to="/">到首页</router-link>
-    </div>
 </template>
 <style scoped>
 

src/pages/foo.vue

@@ -1,20 +1,11 @@
 <template>
-    <div>这是foo
+    <div>这是foo</div>
-        <router-link to="/bar">到bar</router-link>
-        <button @click="getzhi">获取传值</button>
-    </div>
 </template>
 <style scoped>
 
 </style>
 <script>
 export default {
-    methods:{
+    
-        getzhi(){
-            // 如何获取url传值
-            let zhi = this.$route.query
-            console.log(zhi)
-        }
-    }
 }
 </script>

src/pages/index.vue

@@ -1,21 +1,3 @@
 <template>
-  <div>
+    <div>这是首页</div>
-    这是首页
+</template>
-    <!-- 不能用a标签 -->
-    <!-- <a href="/foo">到foo</a> -->
-    <!-- <router-link to="/foo">到foo</router-link> -->
-    <button @click="tiaozhuan">用js跳转</button>
-    <router-link :to="{path:'/foo',query:{name:123,age:234,asda:1411}}">到foo</router-link>
-  </div>
-</template>
-<script>
-export default {
-    methods:{
-        tiaozhuan(){
-            // js this.$router.push
-
-            this.$router.push({path:'/foo',query:{name:123,age:234,asda:1411}})
-        }
-    }
-}
-</script>