如何通过Vue3的setup语法糖高效实现商品分类管理功能？

本文共计2174个文字，预计阅读时间需要9分钟。

目录+ setup语法简介+ setup语法新增的API+ 模块简介+ 分类模块路由+ 分类列表组件+ 获取分类列表数据+ 分类表单组件+ setup语法简介+ 在script标签中添加setup

特性属性即可直接使用

目录

• setup语法糖简介
• setup语法糖中新增的api
• 模块简介
• 分类模块路由
• 分类列表组件
• 获取分类列表数据
• 分类表单组件

setup语法糖简介

直接在 script 标签中添加 setup 属性就可以直接使用 setup 语法糖了。

使用 setup 语法糖后，不用写 setup 函数，组件只需要引入不需要注册，属性和方法也不需要再返回，可以直接在 template 模板中使用。

setup语法糖中新增的api

• defineProps：子组件接收父组件中传来的props
• defineEmits：子组件调用父组件中的方法
• defineExpose：子组件暴露属性，可以在父组件中拿到

模块简介

本次模块使用 vue3+element-plus 实现一个新闻站的后台分类管理模块，其中新增、编辑采用对话框方式公用一个表单。