update: 调整vue组件name属性，以及vue组件内部方法放置顺序

src/layout/aside-menu.vue

@@ -43,7 +43,7 @@
 </template>
 <script>
 export default {
-  name: 'aside-menu',
+  name: 'AsideMenu',
   props: {
     menu: Array
   },
@@ -53,6 +53,15 @@ export default {
       tabData: []
     };
   },
+  methods: {
+    selectTab(item) {
+      if (Array.isArray(item.nodeChildren) && item.nodeChildren.length > 0)  {
+        item.collapsFlag = !item.collapsFlag;
+      } else {
+        this.$router.push({path: item.uri});
+      }
+    },
+  },
   watch: {
     '$route.path': {
       immediate: true,
@@ -78,16 +87,6 @@ export default {
         }
       }
     }
-  },
-
-  methods: {
-    selectTab(item) {
-      if (Array.isArray(item.nodeChildren) && item.nodeChildren.length > 0)  {
-        item.collapsFlag = !item.collapsFlag;
-      } else {
-        this.$router.push({path: item.uri});
-      }
-    },
   }
 };
 </script>

src/layout/layout.vue

@@ -18,7 +18,7 @@
 import YwHeader from './yw-header.vue';
 import AsideMenu from './aside-menu.vue';
 export default {
-  name: 'layout',
+  name: 'Layout',
   components: { YwHeader, AsideMenu },
   data() {
     return {
@@ -26,11 +26,6 @@ export default {
       breadList: []
     }
   },
-  watch: {
-    '$route.path'() {
-      this.breadList = [];
-    }
-  },
   methods: {
     updateAsideMenu(menu) {
       this.menu = menu || [];
@@ -38,6 +33,11 @@ export default {
     updateBread(val) {
       this.breadList = val || [];
     }
+  },
+  watch: {
+    '$route.path'() {
+      this.breadList = [];
+    }
   }
 }
 </script>

src/layout/yw-header.vue

@@ -41,7 +41,7 @@ import { origin, succCode } from '@/config'
 import fetch from '@/api';
 const { getUserInfo, getLoginOut, isLogin } = fetch;
 export default {
-  name: 'ywHeader',
+  name: 'YwHeader',
   data() {
     return {
       origin,