first commit

历届学生/18课程/class18/项目/上课项目/vuecli2demo/src/page/Main.vue

@@ -0,0 +1,16 @@
+<template lang="pug">
+  .main
+    router-link(to='/') 首页
+    router-link(to='/about') 我的
+    router-view
+</template>
+
+<script>
+export default {
+name: "Main"
+}
+</script>
+
+<style scoped>
+
+</style>

历届学生/18课程/class18/项目/上课项目/vuecli2demo/src/page/about.vue

@@ -0,0 +1,11 @@
+<template lang="pug">
+  .about
+    h2 关于我
+</template>
+
+<script>
+export default {}
+</script>
+
+<style scoped>
+</style>

历届学生/18课程/class18/项目/上课项目/vuecli2demo/src/page/home.vue

@@ -0,0 +1,31 @@
+<template lang="pug">
+  .home(v-if="Object.keys(List).length != 0")
+    ul
+      li(v-for="(item,index) in List.recommended.list" :key="index")
+        router-link(:to="{ name: 'info', query: { id: item.id } }") {{ item.title }}
+</template>
+
+<script>
+
+export default {
+  data() {
+    return {
+      List: {}
+    }
+  },
+  async created() {
+    this.GetIndexData()
+
+  },
+  methods: {
+    async GetIndexData() {
+      let res = await this.$http.index.GetIndex({id:1})
+      console.log(res)
+      this.List = res
+    }
+  }
+}
+</script>
+
+<style scoped>
+</style>

历届学生/18课程/class18/项目/上课项目/vuecli2demo/src/page/info.vue

@@ -0,0 +1,27 @@
+<template lang="pug">
+  .info
+    h2 {{ InfoList.title }}
+</template>
+
+<script>
+export default {
+  name: "info",
+  data() {
+    return {
+      InfoList: {}
+    }
+  },
+  created () {
+    this.GetInfo()
+  },
+  methods: {
+    async GetInfo() {
+      this.InfoList = await this.$http.index.GetInfo({ id: this.$route.query.id, page: 1 });
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>