调整属性顺序

src/views/About.vue

@@ -42,6 +42,11 @@
 <script>
 export default {
     name: 'About',
+    beforeRouteEnter(to, from, next) {
+        next(vm => {
+            vm.utils.changeTitle('关于');
+        });
+    },
     data() {
         return {
             navLinks: this.$root.navLinks,
@@ -51,11 +56,6 @@ export default {
             }
         }
     },
-    beforeRouteEnter(to, from, next) {
-        next(vm => {
-            vm.utils.changeTitle('关于');
-        });
-    }
 }
 </script>
 

src/views/Home.vue

@@ -120,6 +120,11 @@ export default {
     components: {
         Icon
     },
+    beforeRouteEnter(to, from, next) {
+        next(vm => {
+            vm.utils.changeTitle();
+        });
+    },
     data() {
         return {
             config: this.$root.config.storage,
@@ -165,11 +170,6 @@ export default {
             }
         }
     },
-    beforeRouteEnter(to, from, next) {
-        next(vm => {
-            vm.utils.changeTitle();
-        });
-    },
     methods: {
 
         /** 

src/views/Settings.vue

@@ -35,17 +35,17 @@
 <script>
 export default {
     name: 'Settings',
+    beforeRouteEnter(to, from, next) {
+        next(vm => {
+            vm.utils.changeTitle('设置');
+        });
+    },
     data() {
         return {
             config: this.$root.config.storage,
             utils: this.$root.utils
         }
     },
-    beforeRouteEnter(to, from, next) {
-        next(vm => {
-            vm.utils.changeTitle('设置');
-        });
-    },
     methods: {
 
         /**

src/views/Tools.vue

@@ -49,6 +49,20 @@ import navTools from '@/assets/js/navTools.js';
 
 export default {
     name: 'Tools',
+    beforeRouteEnter(to, from, next) {
+        next(vm => {
+            var route = vm.$route;
+
+            // 判断进入的路由
+            if (route.name == 'ToolsDetail') {
+                // 进入：工具内容页面
+                vm.detailOpen(route.params.category, route.params.name);
+            } else {
+                // 进入：工具列表页面
+                vm.utils.changeTitle('小工具');
+            }
+        });
+    },
     data() {
         return {
             utils: this.$root.utils,
@@ -147,20 +161,6 @@ export default {
         }
 
     },
-    beforeRouteEnter(to, from, next) {
-        next(vm => {
-            var route = vm.$route;
-
-            // 判断进入的路由
-            if (route.name == 'ToolsDetail') {
-                // 进入：工具内容页面
-                vm.detailOpen(route.params.category, route.params.name);
-            } else {
-                // 进入：工具列表页面
-                vm.utils.changeTitle('小工具');
-            }
-        });
-    }
 }
 </script>
 

src/views/ToolsDetail.vue

@@ -9,13 +9,6 @@ import navTools from '@/assets/js/navTools.js';
 
 export default {
     name: 'ToolsDetail',
-    data() {
-        return {
-            utils: this.$root.utils,
-            toolList: navTools,
-            toolElem: null
-        }
-    },
     beforeRouteEnter(to, from, next) {
         next(vm => {
             var params = vm.$route.params;
@@ -49,7 +42,14 @@ export default {
                 return elem;
             });
         });
-    }
+    },
+    data() {
+        return {
+            utils: this.$root.utils,
+            toolList: navTools,
+            toolElem: null
+        }
+    },
 }
 </script>