加入小工具内容页面

src/router/routes.js

@@ -9,7 +9,14 @@ const routes = [
     {
         path: '/tools',
         name: 'Tools',
-        component: () => import('@/views/Tools.vue')
+        component: () => import('@/views/Tools.vue'),
+        children: [
+            {
+                path: '/tools/detail',
+                name: 'ToolsDetail',
+                component: () => import('@/views/ToolsDetail.vue')
+            }
+        ]
     },
     {
         path: '/settings',

src/views/ToolsDetail.vue

@@ -0,0 +1,26 @@
+<template>
+    <div class="tools-detail">
+        未完成
+    </div>
+</template>
+
+<script>
+export default {
+    name: 'ToolsDetail',
+    data() {
+        return {
+            utils: this.$root.utils,
+            routeQuery: {}
+        }
+    },
+    beforeRouteEnter(to, from, next) {
+        next(vm => {
+            console.log('[打开工具] 参数', vm.$route.query);
+        });
+    }
+}
+</script>
+
+<style lang="less" scoped>
+
+</style>