方向一：pinia状态监听+指令响应｜全局粒度｜指令fallback显隐逻辑保底；方向二：定时轮询权限快照+diff比对｜模块级粒度｜缓存上一版权限快照并降级渲染；方向三：自定义事件总线+组件级provide/inject｜组件级粒度｜指令内建超时回退至初始权限态。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
你需要让Gemini针对一个前端交互需求，输出三个逻辑自洽、技术可行、风格差异明显的实现方向，而不是泛泛而谈“用Vue”“用React”这种层级的选项。
第一步：明确角色与任务边界
在提示词开头直接设定Gemini的身份：“你是一位有6年经验的前端架构师，专注中后台系统交互设计，熟悉Vue 3、React 18、SolidJS及微前端落地约束。”
紧接着锁定任务类型：“请为【用户权限实时切换后，当前页面按钮状态需立即响应】这一交互需求，提供三个可直接进入技术评审的备选实现方向。”
【必须排除纯UI方案，如仅靠CSS类名切换；也必须排除需后端配合的全量重载方案】
第二步：定义三个方向的核心区分维度
要求Gemini按以下三要素对每个方向做结构化输出：① 触发机制（客户端如何感知权限变更）、② 状态同步粒度（全局/模块/组件级）、③ 降级保障（权限变更失败时的兜底行为）。
使用固定的 Next.js/Tailwind/Prisma 技术栈构建并记录独立 SaaS 项目，仅将 FastAPI 用于 Python 工作负载，并遵循严格的架构规范。
这一步不能只说“要写清楚”，必须强制字段化——否则Gemini容易把三个方向写成同质化变体，比如全是事件总线+provide/inject，只是换了个钩子函数名。
示例格式指令：“每个方向用‘方向一：’‘方向二：’‘方向三：’开头，每项下严格按‘触发机制｜状态同步粒度｜降级保障’三段式分行呈现，不加解释性文字。”
第三步：注入真实约束防止空想
方法一：绑定已有技术栈
“项目已使用Pinia管理全局权限状态，且所有按钮组件均通过v-permission指令控制显隐。”
方法二：限定部署环境
“应用部署在信创环境，不支持WebSocket长连接，但允许定时轮询（间隔≥30s）。”
方法三：强调不可逆前提
【所有方向必须兼容现有按钮组件API，不得要求修改组件props签名】
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
