From 0fde7312300dcafeed2f37d167dcf7353957ac9c Mon Sep 17 00:00:00 2001
From: mudan <k1768762469@outlook.com>
Date: Tue, 7 Sep 2021 00:03:04 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8F=90=E4=BA=A4=E4=B8=80=E4=B8=AA=E6=88=91?=
 =?UTF-8?q?=E4=BB=AC=E5=85=AC=E5=8F=B8=E5=90=8C=E4=BA=8B=E5=86=99=E7=9A=84?=
 =?UTF-8?q?=E7=83=82=E4=BB=A3=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.zh-CN.md | 79 +++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 79 insertions(+)

diff --git a/README.zh-CN.md b/README.zh-CN.md
index 7bce7ac..2ce9662 100644
--- a/README.zh-CN.md
+++ b/README.zh-CN.md
@@ -367,6 +367,85 @@ package.json
 package-lock.json
 ```
 
+### 💩 不要单独查询详情
+
+_Good 👍🏻_
+
+```
+<!-- List.vue -->
+
+<template>
+    <div @click="$router.push({name:'detail',query:{data}})">
+        <div class="title">{{data.title}}</div>
+        <div class="date">{{data.date}}</div>
+    </div>
+</template>
+
+
+
+<!-- Detail.vue -->
+
+<template>
+    <div>
+        <div class="content" v-html="data.content"></div>
+    </div>
+</template>
+
+<script>
+    export default{
+        create(){
+            this.data = this.route.query.data;
+        }
+    }
+</script>
+```
+
+_Bad 👎🏻_
+
+```
+<!-- List.vue -->
+
+<template>
+    <div @click="$router.push({name:'detail',query:{id}})">
+        <div class="title">{{data.title}}</div>
+        <div class="date">{{data.date}}</div>
+    </div>
+</template>
+
+
+<!-- Detail.vue -->
+
+<template>
+    <div>
+        <div class="content" v-html="notice.content"></div>
+    </div>
+</template>
+
+<script>
+    export default{
+        data(){
+            return{
+                notice:{}
+            }
+        },
+        methods:{
+            getDetail(id){
+                http.getDetail({id}).then(res=>{
+                    if(res.code==200){
+                        this.notice = res.data;
+                    }
+                })
+            }
+        },
+        mounted(){
+            let id = this.$route.query.id;
+            this.getDetail(id);
+        }
+    }
+</script>
+```
+
+
 ### 💩 函数长的比短的好
 
 不要把程序逻辑分成可读的部分。如果IDE的搜索停止，而您无法找到所需的文件或函数，该怎么办?