## 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}} ~~~