defineProps

1、直接声明父组件传递的变量名

使用数组式声明，用字符串类型包裹每一个变量名

defineProps(['data','meta])

2、可规定父组件传递的类型/默认值/必填

• type规定传递的类型

  • 直写js中的数据类型

  • 可以为数组[String,Number]，表示传递数组中的类型即可

• default设置默认值

  • 不传值时进行显示

  • 基本数据类型可以直接写默认值

  • 复杂数据类型（数组/对象）需要工厂函数即用函数

    • 对象工厂函数使用箭头函数时：default:()=>({})，区别于函数()=>{}

• required表示必传项

  • 如果不传，控制台会报warn

//required 必填
defineProps(
    {
        data:{
            required:true
        }
    }
)

//type基本数据类型，有默认值
defineProps(
    {
        data:{
            type:String,
            default:'123'
        }
    }
)

//type 复杂数据类型，有默认值
defineProps(
    {
        data:{
            type:Array,
            default(){
                return []
            }
        }
    }
)

//type复杂数据类型数组，有默认值，使用箭头函数
defineProps(
    {
        data:{
            type:Array,
            default:()=>[]
        }
    }

)

//type复杂数据类型对象，有默认值，使用箭头函数
defineProps(
    {
        data:{
            type:Array,
            default:()=>({})
        }
    }
)