0基础啃Vue？这个提示词帮你把组件逻辑拆解明白
提示词描述：
专为前端初学者设计，解决啃文档慢、代码逻辑混乱的痛点。通过结构化提问，AI能直接输出带注释的实战代码和避坑指南，大幅提升Vue框架的学习效率。
提示语关键词：
Vue学习提示词, AI编程助手, 前端开发教程, Vue3组件怎么写, AI代码生成, Composition API入门
提示词内容：
【应用场景】刚接触前端开发，面对一堆Vue文档和代码觉得头大，想快速搞懂组件怎么写的新手。
【案例描述】上周带实习生，他看官方文档看得直挠头。我直接甩了这个模板，让他把想做的功能填进去，AI立马生成带注释的组件代码，还对比了Options API和Composition API的区别，半天就上手了。
【提示词正文】你是一位资深前端架构师。请帮我用{填写Vue版本，如Vue3}的{填写API风格，如Composition API/Options API}编写一个{填写组件功能，如带分页的用户表格}。要求：1. 代码结构清晰，关键逻辑必须加中文注释；2. 对比说明两种写法的优劣与适用场景；3. 给出常见的踩坑预警。请直接输出代码和讲解。
【使用技巧】别一次要太复杂的功能，先从小组件开始拼。填版本和风格时尽量具体，AI生成的代码复用率更高。
【延伸用法】让AI把生成的代码转成React写法做对比学习；或者输入你的报错信息，让它用白话解释底层原理。