perf: 目录规范

src/components/markdown/DesignMarkdown.vue

+<template>
+  <div>
+    <VueMarkdown
+      :source="content"
+      v-highlight
+      style="width: 100%; text-align: left"
+    ></VueMarkdown>
+  </div>
+</template>
+<script>
+import VueMarkdown from 'vue-markdown'
+export default {
+    components: {VueMarkdown},
+    name: 'DesignMarkdown',
+    props: {
+        contentSource: undefined
+    },
+    data () {
+        return {
+            content: ''
+        }
+    },
+    computed: {
+        propsContent () {
+            console.log('this')
+            return this.contentSource
+        }
+    },
+    watch: {
+        contentSource: {
+            handler (newVal, oldVal) {
+                this.content = newVal || ''
+            },
+            deep: true,
+            immediate: true
+        }
+    },
+    mounted () {
+        console.log('design vuemarkdown')
+    },
+    methods: {
+
+    }
+}
+</script>

src/components/Register.vue → src/components/user/Register.vue

@@ -26,7 +26,7 @@
           </el-alert>
           <p style="font-size: 30px">注册</p>
           <el-avatar
-            src="https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png"
+            src="https://yongma16.xyz/staticFile/common/img/logo.png"
           ></el-avatar>
           <!-- <svg
           class="icon"

src/weather/EchartWeather.vue → src/components/weather/EchartWeather.vue

@@ -15,7 +15,7 @@
 </template>
 
 <script>
-import * as echarts from 'echarts'
+import * as echarts from 'echarts/index'
 export default {
     name: 'EchartWeather',
     data () {

src/router/index.js

 import { isEmpty } from '@/utils'
 import store from '@/store'
-const Article = () => import('@/components/Article')
-const Login = () => import('@/components/Login')
-const Register = () => import('@/components/Register')
-const Onlinewebsocket = () => import('@/components/Onlinewebsocket')
+
+const Login = () => import('@/components/user/Login')
+const Register = () => import('@/components/user/Register')
+const Onlinewebsocket = () => import('@/components/websocket/Onlinewebsocket')
+
 const Home = () => import('@/components/Home')
 const Bilicom = () => import('@/components/Bilicom')
 const Mavoneditor = () => import('@/components/Mavoneditor')
 const GrilShow = () => import('@/components/GrilShow')
-const Csslearn = () => import('@/components/Csslearn')
+
+const Csslearn = () => import('@/views/cssView/Csslearn')
+const Article = () => import('@/views/article/Article')
 const defaultRoutes = [
     {
         path: '/',

src/components/Article.vue → src/views/article/Article.vue

@@ -127,11 +127,11 @@
         <div class="block" style="line-height: 20px">
           <h1>{{ the_title }}</h1>
           <div class="markdown-body" style="text-align: left">
-            <VueMarkdown
-              :source="md_data[index_page]"
+            <DesignMarkdown
+              :contentSource="md_data[index_page]"
               v-highlight
               style="width: 100%; text-align: left"
-            ></VueMarkdown>
+            ></DesignMarkdown>
           </div>
         </div>
       </el-card>
@@ -248,12 +248,12 @@
 
 <script>
 import Email from '@/components/email/Email'
-import VueMarkdown from 'vue-markdown'
-import ArticleComment from '@/comment/ArticleComment'
-import EchartWeather from '@/weather/EchartWeather'
+import DesignMarkdown from '@/components/markdown/DesignMarkdown'
+import ArticleComment from '@/components/comment/ArticleComment'
+import EchartWeather from '@/components/weather/EchartWeather'
 export default {
     components: {
-        VueMarkdown, // 显示markdown的组件
+        DesignMarkdown, // 显示markdown的组件
         ArticleComment, // 子组件评论
         EchartWeather, // 天气
         Email