- 博客(2)
- 收藏
- 关注
原创 黑马小兔鲜项目(vue3)day1 综合小案例
【Vue3实现列表CRUD功能】使用Vue3的Composition API结合Element Plus组件库,实现包含列表渲染、删除和编辑功能的完整CRUD操作。主组件通过axios获取mock数据渲染表格,使用ref引用子组件实现编辑弹窗功能。删除功能通过ID调用接口并刷新列表。Edit子组件封装了表单数据回填和更新逻辑,通过defineExpose暴露方法,使用emit通知父组件更新列表。采用响应式数据管理状态,实现组件间通信,代码结构清晰,符合Vue3开发规范。
2025-08-18 17:39:24
81
原创 黑马小兔鲜项目(vue3)day1
本文介绍了Vue3的核心特性及组合式API使用要点。首先说明Vue3项目创建方式,通过createApp创建应用实例,并解析了App.vue组件结构的变化,包括模板不再要求唯一根元素、script添加setup标识支持组合式API等。重点讲解了组合式API相关特性:setup执行时机及语法糖优势;reactive和ref函数创建响应式数据的区别;computed、watch的使用场景及注意事项;生命周期函数格式变化;父子组件通信方式(defineProps/defineEmits);模板引用
2025-08-14 17:37:43
1340
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人