vue3.0中setup函数中参数props，以及 Context的含义

setup函数

• props指的是父组件传递过来的值
• context指的是上下文（触发事件emit，插槽slots以及attrs）

注意：（在使用props时不能使用es6的解构，因为这会让props消除响应式，如果想使用解构应该使用Composition API 里面的toRefs来做解构）

 //这个是父组件
 <LoginForm v-model="test" :title="test" />
 
 //子组件
    export default defineComponent({
        name:'LoinForm',
        props:{
        modelValue:{
            type:number,
            required: true
        },
        title:{
            type:number,
            default:100
        }
    },
     setup(props, content) {
      console.log('---------------')
      let propss = toRefs(props)
      console.log(props.modelValue)
      console.log(propss)
      console.log(content)
     }
    })
复制代码