在Zion中按钮跳转须用声明式路由：先确保ZionRouter已注入应用，再通过navigate函数或to属性实现；条件跳转可用click回调判断或路由元信息+全局守卫解耦。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
在函子Zion中给按钮绑定跳转动作，需明确使用其声明式路由系统而非原生DOM事件监听，否则点击后页面无响应或触发双路由错误。
确认路由已正确注入Zion应用
打开主入口文件（如 main.ts 或 app.ts），检查是否已通过 【ZionRouter】 初始化并挂载到根组件。未注入时所有 navigate 调用均无效，且控制台不会报错，极易被忽略。
确保代码形如：const app = createApp(App).use(ZionRouter); app.mount('#app');
在按钮组件内使用 navigate 函数
方法一：使用 setup 语法糖 + definePage（推荐）
在 .vue 文件的 <script setup> 中导入 navigate：import { navigate } from 'zion-router';</script>
为按钮绑定 click 事件：
注意：navigate 是同步函数，不返回 Promise，不可 await；若需跳转后执行逻辑，请改用 router.afterEach 全局钩子。
用 to 属性实现声明式跳转（零JS逻辑）
第一步：确认按钮组件支持 to 属性（仅限 Zion 封装的
第二步：直接写入路径字符串或路由命名对象：
第三步：若跳转需携带参数，使用命名路由格式：
这一步无需额外 import，但要求目标路由已在 router.ts 中注册 name 字段，否则跳转失败且静默无提示。
处理条件跳转与权限拦截
方法一：在 click 回调中加入判断
const handleClick = () => { if (currentUser.value?.role === 'admin') { navigate('/admin/dashboard'); } else { navigate('/403'); } };
方法二：使用路由元信息配合全局前置守卫（适合统一管控）
在定义路由时添加 meta: { requiresAuth: true }，并在 router.beforeEach 中检查权限状态，不满足则重定向——【此方式下按钮无需任何修改，跳转逻辑完全解耦】。
