统一管理配置

Author: kitorv

src/router.js

@@ -4,32 +4,19 @@ import { routes } from "@/setting";
 
 Vue.use(Router);
 
-let children = [
-  {
-    path: "/plan",
-    name: "plan",
-    component: () => import("@/views/plan.vue")
-  }
-];
-let firstRoute = null;
+let children = [];
 routes.forEach(({ path }) => {
   if (!path) return;
-  let pathArray = path.split(".");
-  pathArray.pop();
-  let url = pathArray.join("");
-  if (!firstRoute) {
-    firstRoute = {
-      path: "/",
-      name: "notes",
-      component: () => import(`.${path}`)
-    };
-  }
-  children.push({
-    path: url,
-    name: url,
-    component: () => import(`.${path}`)
-  });
+  let url = path.replace(/@/, "").replace(/.md$/, "");
+  children.push({ path: url, name: url, component: () => import(`.${url}.md`) });
 });
+let firstRoute = { path: "/", name: "notes", component: children[0].component };
+children.push({
+  path: "/plan",
+  name: "plan",
+  component: () => import("@/views/plan.vue")
+});
+
 export default new Router({
   mode: "history",
   base: process.env.BASE_URL,

src/setting.js

@@ -5,7 +5,6 @@ module.exports = {
   // 2.name：生成菜单标题或者分组标题，必填
   routes: [
     { path: "", name: "JavaScript基础" },
-    { path: "/notes/javascript/JAVASCRIPT-01.md", name: "简介和使用" },
-    { path: "/notes/javascript/JAVASCRIPT-02.md", name: "语法和数据类型" }
+    { path: "@/notes/javascript/JAVASCRIPT-01.md", name: "简介和使用",date:"2018-12-09" }
   ]
 };

src/views/home.vue

@@ -76,9 +76,7 @@ export default {
       this.handleClickOutSide();
     },
     convertUrl(path) {
-      let pathArray = path.split(".");
-      pathArray.pop();
-      return pathArray.join("");
+      return path.replace(/@/,'').replace(/.md$/,'');
     }
   },
   mounted() {

src/views/plan.vue

@@ -1,42 +1,37 @@
 <template>
   <div class="k-v-plan">
     <k-snippet v-for="({date,rows}, index) in planGroupList" :key="index" :title="date">
-      <div v-for="(content,index) in rows" :key="index" :class="`k-v-plan--item k-v-plan--item-color-${index}`">
-        {{ content }}
+      <div v-for="(name,index) in rows" :key="index" :class="`k-v-plan--item k-v-plan--item-color-${index}`">
+        {{ name }}
       </div>
     </k-snippet>
   </div>
 </template>
 
 <script>
 import moment from "dayjs";
+import { routes } from "@/setting";
 
 export default {
   data() {
     return {
-      planList: [
-        { date: "2018-11-30", content: "test0" },
-        { date: "2018-12-01", content: "test1" },
-        { date: "2018-12-02", content: "test2" },
-        { date: "2018-12-03", content: "test3" },
-        { date: "2018-12-04", content: "test4" },
-        { date: "2018-12-05", content: "test5" }
-      ]
+      planList:routes
     };
   },
   computed: {
     planGroupList() {
       let planMap = {};
       let intervalList = [1, 2, 4, 7, 15, 30, 60];
-      this.planList.forEach(({ date, content }) => {
+      this.planList.forEach(({ date, name ,path}) => {
+        if(!path) return;
         intervalList.forEach(interval => {
           let reviewDate = moment(date).add(interval, "days");
           if (reviewDate.isBefore(moment().add(-1, "days"), "day")) return;
           let reviewDateFormat = reviewDate.format("YYYY-MM-DD");
           if (!planMap[reviewDateFormat]) {
             planMap[reviewDateFormat] = [];
           }
-          planMap[reviewDateFormat].push(content);
+          planMap[reviewDateFormat].push(name);
         });
       });
       let rows = [];

vue.config.js

@@ -35,10 +35,7 @@ module.exports = {
             return `---snippet ${value.replace(/```/g, "")} \n---\n ${value}`;
           });
         },
-        use: [
-          kMarkdownSnippet,
-          kMarkdownSnippetCode
-        ]
+        use: [kMarkdownSnippet, kMarkdownSnippetCode]
       });
   },
   configureWebpack: () => {