## VUE3 父传子 * 在父组件 引入子组件 使用组件三步骤 1引入 2 注册 3使用 ~~~ //引入 import StaffEdit from '@/components/staff/edit' // 注册 export default { name: 'Staff', components:{ StaffEdit, }, setup(){ //如果传递子组件的数据是 响应式 可 格式化一下 （避免修改子组件 父组件也修改） JSON.parse(JSON.stringify(editData)) } } // 使用 并且传递 数据给子组件 参数 param 数据是 editData <StaffEdit :param="editData" :param1="val1"></StaffEdit> ~~~ * 子组件接收 ~~~ export default { name: 'StaffEdit', props: { param:{}//接收父组件传递过来的数据 }, setup(props) { // js中使用 props.param } } //html模板中使用 {{param}} ~~~