Vue3 setup 执行时机和 参数props context

一、执行时机

在beforecreate生命周期函数前执行一次，且this为undefined

二、setup参数

1、props：值为对象，组件外部传递过来，且组件内部通过props:[]接受的值

a、外部组件传递

<Demon msg="Hello" :num="10"/>

b、且内部组件接受

export default {name:'Demon',// 接收 外部组件传递过来的值props:['msg', 'num'],setup(props, context){console.log(props.num)const person = reactive({name: 'jojo',age: 8,})return {person,}},
}

2、context

a、attr

1)、值为对象，外部组件传递过来的值且没有被本组件的porps:[] 属性声明接收

2)、语法

console.log(context.attrs)

 b、