diff --git a/packages/fes-template/.fes.js b/packages/fes-template/.fes.js
index 5f4f505b..cd2ca5f8 100644
--- a/packages/fes-template/.fes.js
+++ b/packages/fes-template/.fes.js
@@ -10,7 +10,7 @@ export default {
         title: '海贼王'
     },
     router: {
-        mode: 'history'
+        mode: 'hash'
     },
     access: {
         roles: {
@@ -39,7 +39,8 @@ export default {
         menus: [
             {
                 name: 'index',
-                icon: '/wine-outline.svg'
+                icon: '/wine-outline.svg',
+                match: ['/route/*']
             },
             {
                 name: 'store'
diff --git a/packages/fes-template/src/pages/route/@id.vue b/packages/fes-template/src/pages/route/@id.vue
new file mode 100644
index 00000000..0bb17929
--- /dev/null
+++ b/packages/fes-template/src/pages/route/@id.vue
@@ -0,0 +1,23 @@
+<template>
+    <div>
+        {{params.id}}
+    </div>
+</template>
+<config>
+{
+    "name": "activeRoute",
+    "title": "动态路由"
+}
+</config>
+<script>
+import { useRoute } from '@fesjs/fes';
+
+export default {
+    setup() {
+        const { params } = useRoute();
+        return {
+            params
+        };
+    }
+};
+</script>