vue3 setup 使用props

为了方便下次开发使用，记录一下

父组件

 

        <EditCommodity :rowId="rowId" text="父组件传来的文本" v-if="editCommodityVisible" @goBack="handleEditCommodityGoback"></EditCommodity>

子组件

接收

• defineProps 为内置方法 无需引入

let props = defineProps({
        rowId: {
        type: Number,
        default:-1
      },
      text:{
        type: String,
        default:'默认值'
      }
    });

输出

onMounted(()=>{
    console.log(props.rowId,'rowId') // 1
    console.log(props.text,'text') //父组件传来的文本
})