教育/培训行业面试题更新 2026-08-05

请用 Vue 实现一个输入框,支持文本输入,按下回车后在下方生成一个新的标签(tag),且该标签可以删除。

好未来前端/移动开发教育/培训编码实现问题拆解技术原理Vue

考察说明

考察 Vue 列表渲染、事件处理和数据驱动视图实现能力

回答思路

  1. 能说明用 v-model 管理输入值,用数组保存标签列表
  2. 能说明 @keyup.enter 或 @keydown.enter 触发添加逻辑,并清空输入框
  3. 能说明通过 v-for 渲染标签列表,并为每个标签绑定删除事件
  4. 能注意到列表 key 使用,以及删除操作的正确性
  5. 能应对边界情况(如空输入)
  6. 能展示对组件化的理解,如拆分子组件
本题已收录答题指导

本题附完整参考答案与评分标准

登录后可查看结构化答题指导;也可以直接开一场模拟面试,AI 面试官用本题实时追问并给出评分。