Vue3setup的参数说明

setup的两个参数

setup包含两个参数，一个为props、一个为context （均为形参）

• • props：值为对象，包含：组件外部传递过来，且组件内部声明接收了的属性。
  • context：上下文对象

<script>export default {name:'Child',setup(props,context){}}
</script>

在说明这两给参数之前，，我们需要回顾一下Vue2的知识

vue2中的$attrs

我们向Demo组件传递msg和school属性

如果我们在子组件中使用props声明接收并打印当前实例vc对象

export default {props:['msg','school'],mounted() {console.log(this)}
}

我们可以发现这个实例对象vc上有msg和shcool属性，$attrs这个对象为空

因此，我们可以在demo组件直接通过 { { ms