为什么这里父组件设置属性直接能在子组件里生效？

Question

最近项目切换到vue3了，在写组件的时候，发现个东西，我想设置子组件width 1200，不小心写在父组件中，但是生效了，以前都是通过props传入，我在子里面没做任何接收操作，请问这是为什么

// 子组件
<div>
    <el-dialog v-model="visible" title="Tips" />
</div>

// 使用
<materialDialog width="1200px" />

Answer 1

试了一下。你给的 div 嵌套的方式不会生效。

<template>
    <el-dialog v-model="visible" title="Tips" />
</template>

这个特性的话，在 vue2 就有了