From 3c0672cb59f584924a41d7b13bdaad9a1f8a04f1 Mon Sep 17 00:00:00 2001
From: "1329208516@qq.com" <1329208516@qq.com>
Date: Sat, 21 Mar 2020 23:35:52 +0800
Subject: [PATCH 1/2] =?UTF-8?q?=E6=96=87=E7=AB=A0=E5=86=85=E5=AE=B9?=
 =?UTF-8?q?=E9=A1=B5=E8=B0=83=E7=94=A8=E6=8E=A5=E5=8F=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/article/Index.vue | 27 +++++++++++++++++++++++----
 1 file changed, 23 insertions(+), 4 deletions(-)

diff --git a/src/article/Index.vue b/src/article/Index.vue
index bb67beb..63efffd 100644
--- a/src/article/Index.vue
+++ b/src/article/Index.vue
@@ -2,25 +2,26 @@
   <div class="page_article">
     <header class="header">
         <h1 class="title">
-            {{ article.title }} + {{ this.$route.params.id }}
+            {{ article.title }}
         </h1>
         <p class="desc">
-            {{ article.description }}
+            <!-- {{ article.description }} -->
         </p>
     </header>
-    <article class="content">
-        这里面是内容
+    <article class="content" v-html="article.content">
     </article>
   </div>
 </template>
 
 <script>
 import Vue from 'vue'
+import { articleDetail } from '../api/commont'
 
 export default Vue.extend({
   name: 'Article',
   data() {
     return {
+      articleId: null,
       article: {
         author: {
           avatar: 'http://img1.3lian.com/gif/more/11/2012/03/d037a77443c0a72a1432d815cd3b5724.jpg',
@@ -34,6 +35,24 @@ export default Vue.extend({
         cover: ''
       }
     }
+  },
+  created() {
+    // 页面创建时取到文章的ID
+    this.articleId = this.$route.params.id
+    // 获取文章详情
+    this.getDetail(this.articleId)
+  },
+  methods: {
+    getDetail(id) {
+      articleDetail(id).then((res) => {
+        console.log(res)
+        if (res.code === 0) {
+          this.article = res.data.article
+        } else {
+          console.log(res.msg)
+        }
+      })
+    }
   }
 })
 </script>

From 81e370f7eb4ad05d3aa411307d13934172763df5 Mon Sep 17 00:00:00 2001
From: "1329208516@qq.com" <1329208516@qq.com>
Date: Sat, 21 Mar 2020 23:37:40 +0800
Subject: [PATCH 2/2] =?UTF-8?q?#16,=20=E6=96=87=E7=AB=A0=E5=86=85=E5=AE=B9?=
 =?UTF-8?q?=E9=A1=B5=E8=B0=83=E7=94=A8=E6=8E=A5=E5=8F=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/article/Index.vue | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/article/Index.vue b/src/article/Index.vue
index 63efffd..a07b973 100644
--- a/src/article/Index.vue
+++ b/src/article/Index.vue
@@ -5,7 +5,6 @@
             {{ article.title }}
         </h1>
         <p class="desc">
-            <!-- {{ article.description }} -->
         </p>
     </header>
     <article class="content" v-html="article.content">